2014-03-24 30 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