Jplayer playlists Use the following:
1$ (document). Ready (function(){2 3 Newjplayerplaylist ({4Jplayer: "#jquery_jplayer_1",5Cssselectorancestor: "#jp_container_1"6 }, [7 {8Title: "Cro Magnon man",9MP3: "Http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3",TenOGA: "Http://www.jplayer.org/audio/ogg/TSP-01-Cro_magnon_man.ogg" One }, A { -Title: "Your Face", -MP3: "Http://www.jplayer.org/audio/mp3/TSP-05-Your_face.mp3", theOGA: "Http://www.jplayer.org/audio/ogg/TSP-05-Your_face.ogg" - }, - { -Title: "Cyber Sonnet", +MP3: "Http://www.jplayer.org/audio/mp3/TSP-07-Cybersonnet.mp3", -OGA: "Http://www.jplayer.org/audio/ogg/TSP-07-Cybersonnet.ogg" + }, A { atTitle: "Tempered Song", -MP3: "Http://www.jplayer.org/audio/mp3/Miaow-01-Tempered-song.mp3", -OGA: "Http://www.jplayer.org/audio/ogg/Miaow-01-Tempered-song.ogg" - }, - { -Title: "Hidden", inMP3: "Http://www.jplayer.org/audio/mp3/Miaow-02-Hidden.mp3", -OGA: "Http://www.jplayer.org/audio/ogg/Miaow-02-Hidden.ogg" to }, + { -Title: "Lentement", theFreetrue, *MP3: "Http://www.jplayer.org/audio/mp3/Miaow-03-Lentement.mp3", $OGA: "Http://www.jplayer.org/audio/ogg/Miaow-03-Lentement.ogg"Panax Notoginseng }, - { theTitle: "Lismore", +MP3: "Http://www.jplayer.org/audio/mp3/Miaow-04-Lismore.mp3", AOGA: "Http://www.jplayer.org/audio/ogg/Miaow-04-Lismore.ogg" the }, + { -Title: "The Separation", $MP3: "Http://www.jplayer.org/audio/mp3/Miaow-05-The-separation.mp3", $OGA: "Http://www.jplayer.org/audio/ogg/Miaow-05-The-separation.ogg" - }, - { theTitle: "Beside Me", -MP3: "Http://www.jplayer.org/audio/mp3/Miaow-06-Beside-me.mp3",WuyiOGA: "Http://www.jplayer.org/audio/ogg/Miaow-06-Beside-me.ogg" the }, - { WuTitle: "Bubble", -Freetrue, AboutMP3: "Http://www.jplayer.org/audio/mp3/Miaow-07-Bubble.mp3", $OGA: "Http://www.jplayer.org/audio/ogg/Miaow-07-Bubble.ogg" - }, - { -Title: "Stirring of a Fool", AMP3: "Http://www.jplayer.org/audio/mp3/Miaow-08-Stirring-of-a-fool.mp3", +OGA: "Http://www.jplayer.org/audio/ogg/Miaow-08-Stirring-of-a-fool.ogg" the }, - { $Title: "Partir", theFreetrue, theMP3: "Http://www.jplayer.org/audio/mp3/Miaow-09-Partir.mp3", theOGA: "Http://www.jplayer.org/audio/ogg/Miaow-09-Partir.ogg" the }, - { inTitle: "Thin Ice", theMP3: "Http://www.jplayer.org/audio/mp3/Miaow-10-Thin-ice.mp3", theOGA: "Http://www.jplayer.org/audio/ogg/Miaow-10-Thin-ice.ogg" About } the ], { theSwfpath: ". /.. /dist/jplayer ", theSupplied: "OGA, MP3", +Wmode: "Window", -Usestateclassskin:true, theAutoblur:false,BayiSmoothplaybar:true, theKeyenabled:true the }); -});
View Code
The background is struts2, and the returned data is a list containing the title and address.
For some reasons, instead of returning the JSON data, the list is taken from the request as the source of the data.
After a half-day trial, the list data in the request was dynamically added to the Jplayer playlist.
varStringlist= "["; <%//the function here is to add data from the list to Stringlist, Stinglist is used to dynamically build the parameters of the Jplay list. for(intK=0;k<chapters.size (); k++) {Chapter Chapter=(Chapter) chapters.get (k); String Title1=Chapter.gettitle (); String Audio1=Chapter.getaudio (); %>stringlist+ = ' {title: '; Stringlist+ = ' "<%= title1%>" '; Stringlist+ = ', mp3: '; Stringlist+ = ' "<%= audio1%>" '; Stringlist+ = '}, '; <% } %>stringlist+="]";
View Code
It's a stupid way to stitch up a JSON string yourself ... Then when the parameters are used
$ (document). Ready (function(){ Newjplayerplaylist ({jplayer:"#jquery_jplayer_1", Cssselectorancestor:"#jp_container_1"}, eval (stringlist), {swfpath:"/js", supplied:"OGA, MP3", Wmode:"Window", Usestateclassskin:true, Autoblur:false, Smoothplaybar:true, AutoPlay:true, keyenabled:true });});
Jplayer add a list of tracks in a dynamic (JS to extract list data from request as JS parameter)