複数のオーディオファイルは、一度にプレイするだけのために必要な

Question

私は次のJavaScriptコードを使用クリックしたときに再生する複数のオーディオファイルがあります。

関数playSound（エル、サウンドファイルを）{

  if (el.mp3) { 
       if(el.mp3.paused) el.mp3.play(); 
       else el.mp3.pause(); 
      } else { 
       el.mp3 = new Audio(soundfile); 
       el.mp3.play(); 
      } 
     } 

2つをクリックすると、両方のオーディオファイルが同時に再生されるという問題があります。 2番目のボタンをクリックすると、最初のオーディオファイルが再生を停止する必要があります。

このコードに何を追加する必要がありますか？

Answer 1

私はまだHTML5のサウンドAPIを使用していないので、これは私の要点を理解することです。

私がコメントしたように、すべての要素をグローバル配列に追加して、そのように一時停止することができます。

var audio = []; 

    function playSound(el,soundfile) { 

    // Pause all 

    if (el.mp3) { 
      if(el.mp3.paused) { 
       // Pause all sounds 
       pauseAllSounds(); 

       el.mp3.play(); 

       // Add the sound to the audio array 
       audio.push(el); 

       // You should probably clean up the audio array too, 
       // so no two identical audio files exists in the array, 
       // but that's up to you! :) 
      } 
      else el.mp3.pause(); 
     } else { 
      el.mp3 = new Audio(soundfile); 
      el.mp3.play(); 
     } 
    } 

    function pauseAllSounds(){ 
    audio.forEach(function(el){ 
     if(!el.mp3.paused) el.mp3.pause(); 
    }); 
    }