javascript - Javascript - 第二次点击暂停 mp3 文件

Question

我有一组播放按钮，只要你点击一个，就会播放一首歌。但是，当我单击另一个按钮时，我没有成功暂停歌曲然后播放另一首歌曲。

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('WDC.mp3')">

关于如何修复它的任何建议？

Answer 1

我建议尝试一下Buzz。这个 js 库有助于轻松地做普通的事情。

Answer 2

您需要在更改 src 后加载其他音频文件

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