播放新曲目时自动暂停 mediaelement.js 音频播放器

Question

使用 mediaelement.js 音频 - 有谁知道当同一页面上有 2 个或更多音轨时，如何或是否可以在播放另一首曲目时自动暂停 1 首曲目？ （我想像播放/暂停切换属性）

有一个我在这里谈论的使用 Flash 播放器的示例： http: //stockmusicboutique.com/background 但想知道这个 html 5 播放器是否可以实现。

Answer 1

你可以这样做：

<audio src="track1.mp3" />
<audio src="track2.mp3" />

<script type="text/javascript">

  // make an array for the mediaelement players
  mediaElementPlayers = new Array();

  // run mediaelement.js
  $(document).ready(function(){
      $('audio').mediaelementplayer({
          success:function(mediaElement, domObject){

              // add this mediaelement to the mediaElementPlayers array
              mediaElementPlayers.push(mediaElement);

              // bind the play event to the pauseAllPlayers function
              mediaElement.addEventListener('play', function(e){
                  pauseAllPlayers(e.target); }
              )
          }
      })
  })    

  // iterate through the mediaElementPlayers array, pause all players except the one that triggered the event.
  function pauseAllPlayers(currentPlayer){
      for(i=0; i<mediaElementPlayers.length; i++){
          if(mediaElementPlayers[i] != currentPlayer){
              mediaElementPlayers[i].pause();
          }
      }
  }
</script>