美文网首页
播放音频的同时暂停其他音频的播放

播放音频的同时暂停其他音频的播放

作者: 前端阿良古 | 来源:发表于2020-02-11 14:48 被阅读0次

问题描叙

同一个网页中有多个 audio 标签,多个会同时播放

解决方案

audio 绑定 onPlay 事件,事件促发时暂停其他音频的播放

// 多个audio标签
const content = item => 
<audio onPlay={() => this.onPlay(item.audioUrl)} src={item.audioUrl} controls>是时候换个高级点的浏览器了</audio>;
  // onPlay方法
  onPlay = (src) => {
    const audios = document.getElementsByTagName('audio');
    Array.prototype.forEach.call(audios, audio => {
      if(audio.src !== src) {
        audio.pause()
      }
    })
  }

相关文章

网友评论

      本文标题:播放音频的同时暂停其他音频的播放

      本文链接:https://www.haomeiwen.com/subject/thrxfhtx.html