問(wèn)題描敘

同一個(gè)網(wǎng)頁(yè)中有多個(gè) audio 標(biāo)簽，多個(gè)會(huì)同時(shí)播放

解決方案

給 audio 綁定 onPlay 事件，事件促發(fā)時(shí)暫停其他音頻的播放

// 多個(gè)audio標(biāo)簽
const content = item => 
<audio onPlay={() => this.onPlay(item.audioUrl)} src={item.audioUrl} controls>是時(shí)候換個(gè)高級(jí)點(diǎn)的瀏覽器了</audio>;

  // onPlay方法
  onPlay = (src) => {
    const audios = document.getElementsByTagName('audio');
    Array.prototype.forEach.call(audios, audio => {
      if(audio.src !== src) {
        audio.pause()
      }
    })
  }