今天不不讲php了,我们来说一说JavaScript,为什么要说他呢,因为甲方提了一个需求让我来完成。
大概的需求就是要在网页里显示一个录音列表,要求可以播放,可以暂停,我当时一看,这也简单啊,直接异步请求后端,获取到录音文件地址通过audio
播放就可以了。
但是怎么实现播放和暂停呢,我就开始了我的各种尝试,因为是异步加载audio
的src
属性,基本上方法都用不了,哪怕是度娘上的方法,也基本上都用不了,直到有一个方法让我眼前一亮。
首先声明一个函数,动态创建一个audio
,参数url就是要播放的地址
function playAudio(url){
const audio = new Audio(url);
audio.src = url;
audio.play();
return audio;
}
然后,将函数保存到一个变量里面,就可以调用play()
和pause()
控制播放和停止了
var playAudio = playAudio('播放的地址');
playAudio.play(); //播放
playAudio.pause(); //停止
最后说一点,如果以后有人给你提了这种需求,还是直接百度吧,别自己研究了(大佬除外~~~)
如无特殊说明《JavaScript控制audio播放与暂停》为博主MoLeft原创,转载请注明原文链接为:https://moleft.cn/post-168.html