我需要做的是在锚点或按钮点击(总共5个) 上更改jPlayer流源而不刷新页面或停止播放器 。这可能吗?
JAVASCRIPT
jQuery(document).ready(function(){
var stream = {
title: "ABC Jazz",
mp3: "http://listen.radionomy.com/abc-jazz"
},
ready = false;
jQuery("#jquery_jplayer_master").jPlayer({
ready: function (event) {
ready = true;
jQuery(this).jPlayer("setMedia", stream); //.jPlayer("play")
},
pause: function() {
jQuery(this).jPlayer("clearMedia");
},
error: function(event) {
if(ready && event.jPlayer.error.type === jQuery.jPlayer.error.URL_NOT_SET) {
// Setup the media stream again and play it.
jQuery(this).jPlayer("setMedia", stream).jPlayer("play");
}
},
swfPath: "js",
supplied: "mp3",
preload: "none",
wmode: "window",
keyEnabled: false
});
});
锚
<a id="lounge" href="javascript:void(0)">Click for Lounge music</a>
<a id="rock" href="javascript:void(0)">Click for Rock music</a>
.
.
<a id="dance" href="javascript:void(0)">Click for Dounge music</a>
答案 0 :(得分:1)
在搜索数小时后找到解决方案。
只需将其添加到您的代码中(根据您的示例):
$("#jquery_jplayer_master").jPlayer('destroy');
// And then call again your js code with new params