0

画像をクリックするとすぐにmp3ファイルを再生して一時停止しましたが、問題は、別の画像（別のmp3曲を再生するためのもの）を選択するたびに、同じ曲が自動的に再開されることです。

私のJavaScript：

function StartOrStop(audioFile)
  {
    var audie = document.getElementById("myAudio");
    if(!audie.src)
       audie.src = audioFile;
    if(audie.paused == false)
     {
        audie.pause();
     }
     else
     {
       audie.play();
     }
  }

そしてHTML：

<img src="images/play.png" alt="Play Button" width="57" height="50" onclick="StartOrStop('RWY.mp3')">

<img src="images/play.png" alt="Play Button width="57" height="50" onclick="StartOrStop('EL.mp3')">

<audio controls id="myAudio" ></audio>

この問題をどのように解決できますか？

4

2 に答える 2

1

クリック時に新しいものを割り当てるのではなく、src最初に存在するかどうかを確認しています。2 番目のファイルが既に存在するsrcため、割り当てられることはありません。src

編集

代わりに、かどうかを確認する必要がありますaudie.src === audioFile。

于 2013-03-23T17:45:19.403 に答える
0

こういう方法はいかがですか

<audio id="demo1" src="RWY.mp3"></audio>
<div>
  <button onclick="document.getElementById('demo1').play()">Play the Audio</button>
  <button onclick="document.getElementById('demo1').pause()">Pause the Audio</button>
  <button onclick="document.getElementById('demo1').volume+=0.1">Increase Volume</button>
  <button onclick="document.getElementById('demo1').volume-=0.1">Decrease Volume</button>
</div> 
<audio id="demo2" src="EL.mp3"></audio>
<div>
  <button onclick="document.getElementById('demo2').play()">Play the Audio</button>
  <button onclick="document.getElementById('demo2').pause()">Pause the Audio</button>
  <button onclick="document.getElementById('demo2').volume+=0.1">Increase Volume</button>
  <button onclick="document.getElementById('demo2').volume-=0.1">Decrease Volume</button>
</div>

ボタンの代わりに、タグの変更だけで画像を使用できます。

于 2013-03-24T02:18:42.513 に答える