MENU

JavaScript控制audio播放与暂停

• September 18, 2020 • 教程

心累啊~~

今天不不讲php了,我们来说一说JavaScript,为什么要说他呢,因为甲方提了一个需求让我来完成。
大概的需求就是要在网页里显示一个录音列表,要求可以播放,可以暂停,我当时一看,这也简单啊,直接异步请求后端,获取到录音文件地址通过audio播放就可以了。
但是怎么实现播放和暂停呢,我就开始了我的各种尝试,因为是异步加载audiosrc属性,基本上方法都用不了,哪怕是度娘上的方法,也基本上都用不了,直到有一个方法让我眼前一亮。

奥利给~~

首先声明一个函数,动态创建一个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(); //停止

雷霆嘎巴~~

最后说一点,如果以后有人给你提了这种需求,还是直接百度吧,别自己研究了(大佬除外~~~)

Archives 下载海报
QR Code for this page
Tipping QR Code