Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/android/234.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当用户单击音频标签中的播放按钮时,如何显示消息?_Javascript_Html - Fatal编程技术网

Javascript 当用户单击音频标签中的播放按钮时,如何显示消息?

Javascript 当用户单击音频标签中的播放按钮时,如何显示消息?,javascript,html,Javascript,Html,如果点击播放按钮,我想向用户显示一条消息,让他知道歌曲正在加载(因为浏览器中没有任何本地加载指示器) 我没有使用preload=“auto”或“metadata”,因为服务器的流量太大,并且不是所有用户都会收听这些音频 开始播放音频大约需要5秒钟(似乎必须下载至少1或2 Mb的音频才能真正开始播放),因此我希望在加载音频(或加载元数据)时显示此消息,或者在用户单击播放按钮后至少显示5秒钟,然后将其隐藏 我该怎么做 AudioElement触发事件加载启动,只需使用它: myAudio.addEv

如果点击播放按钮,我想向用户显示一条消息,让他知道歌曲正在加载(因为浏览器中没有任何本地加载指示器)

我没有使用
preload=“auto”
“metadata”
,因为服务器的流量太大,并且不是所有用户都会收听这些音频

开始播放音频大约需要5秒钟(似乎必须下载至少1或2 Mb的音频才能真正开始播放),因此我希望在加载音频(或加载元数据)时显示此消息,或者在用户单击播放按钮后至少显示5秒钟,然后将其隐藏

我该怎么做

AudioElement触发事件加载启动,只需使用它:

myAudio.addEventListener("loadstart", function () {
  console.log(‘start loading ...’)
},false);
函数消息()
{
$('#msg').css({
“显示”:“块”
})
设置超时(隐藏,5000);
}
函数hide()
{
$('#msg').css({
“显示”:“无”
})
}
.msg{
显示:无
}

您的浏览器不支持音频元素。
正在装货,请稍候。。

您是否可以发布更多的代码,以便我们了解您当前正在做什么(并帮助您创建一个有效的解决方案),然后是什么?这个信息会一直显示出来吗?在用户点击PLAY后显示这个怎么样?我已经按照你的要求编辑了代码。请现在检查。有没有不向html添加代码的方法?我如何实现?我应该对音频标签进行任何更改吗?