2014-03-24 31 views
0

我在PhoneGap應用程序中有一個音頻播放器。播放/停止按鈕需要javascript幫助

花了一段時間(因爲我不知道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; 
    } 
} 

+0

你可以分享你正在調用'playAudio'的代碼嗎?看看你如何將'playAudio'和'stopAudio'函數連接到用戶界面元素上可能也很有用。 –

+0

這是主播: MarkL

+0

我確實在那裏有一個停止按鈕,但它的播放和跟蹤不太直觀,然後必須在付費之前停止 - 有點像iTunes預覽 - 您無需點擊停止按鈕即可點擊曲目來收聽它們! – MarkL

回答

1

你不必停下來,你可以設置新的音頻src和玩家將扮演它。

+0

這將是偉大的,但不知道如何編碼;-) – MarkL

+0

var playme = document.getElementById('playme'); playme.src = 'SND/SOUND.WAV'; playme.load(); – Bart