JavaScript控制audio播放与暂停

心累啊~~

今天不不讲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