Change jPlayer stream source dynamically

Question

What I need to do is change the jPlayer stream source to an anchor or click a button (5 in total) without refreshing the page or stopping the player . Is it possible?

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 }); }); 

ANCHORS

 <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> 

Answer 1

Find a solution after hours of searching.

Just add this to your code (as per your example):

 $("#jquery_jplayer_master").jPlayer('destroy'); // And then call again your js code with new params