javascript - 需要播放/停止按钮 javascript 帮助

Question

我在 PhoneGap 应用程序中有一个音频播放器。

花了一段时间(因为我不懂 JS)但我设法让音轨播放和停止。

在 css 中，当您点击“播放”按钮时，它会切换到“停止”按钮并点击它停止音频 - 到目前为止一切顺利。

播放和停止在一首轨道上运行良好 - 但我在页面上有 4 首轨道。如果一首轨道正在播放，而您在另一首轨道上按播放键，音频会停止(正确)但不会播放新轨道？？

我希望能够在其他轨道上按下播放键以停止当前轨道并播放新轨道。

这是我运行它的 Js - 希望我的解释没问题？

谢谢!

<script>
var audioPlaying = false;
var media;
function playAudio(src,trackname) {
    if (audioPlaying === true) {
        media.stop();
     }
     if (audioPlaying === false) {
         media = new Media(src, success, error_error);
         media.play();
         document.getElementById(trackname).className="playing";
         audioPlaying = true;
     }
}

// remove .playing when track is done 
function success() {
    $(".playing").removeClass("playing");
    audioPlaying = false;
}

//alert('great error');
function error_error(e) {
}

// stop playing
function stopAudio() {
    if (media) {
        media.stop();
        audioPlaying = false;
     }
}

Answer 1

您不必停止，只需设置新的音频源，播放器就会播放它。