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

时间:2013-03-23 18:53:34

标签: javascript html5 css3 dom

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

的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')">

关于我如何解决它的任何建议?

2 个答案:

答案 0 :(得分:0)

我建议尝试一下Buzz。这个js库有助于轻松做到这一点。

答案 1 :(得分:0)

您需要在更改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();
    }
 }