JS 创建简单音频控制(v1)

421 阅读1分钟

一、简单的播放

我们可以通过new Audio()来实例化一个音频对象HTMLAudioElement

const audio = new Audio(url)
//通过canplaythrough事件来监听音频是否已经可以播放
audio.addEventListener("canplaythrough", event => {
  /* 音频可以播放;如果权限允许则播放 */
    audio.play();
});

二、控制状态

//播放音频
audio.play()
//暂停音频 
audio.pause()
//播放事件
audio.addEventListener("playing",e=>{
    console.log(e)
})
//暂停事件
audio.addEventListener("pause",e=>{
    console.log(e)
})
//播放结束事件
audio.addEventListener("ended",e=>{
    console.log(e)
})