首页 > 代码库 > jplayer中动态添加列表曲目（js提取request中的list数据作为js参数使用）
jplayer中动态添加列表曲目（js提取request中的list数据作为js参数使用）
jplayer 的播放列表使用如下：
1 $(document).ready(function(){ 2 3 new jPlayerPlaylist({ 4 jPlayer: "#jquery_jplayer_1", 5 cssSelectorAncestor: "#jp_container_1" 6 }, [ 7 { 8 title:"Cro Magnon Man", 9 mp3:"http://www.jplayer.org/audio/mp3/TSP-01-Cro_magnon_man.mp3",10 oga:"http://www.jplayer.org/audio/ogg/TSP-01-Cro_magnon_man.ogg"11 },12 {13 title:"Your Face",14 mp3:"http://www.jplayer.org/audio/mp3/TSP-05-Your_face.mp3",15 oga:"http://www.jplayer.org/audio/ogg/TSP-05-Your_face.ogg"16 },17 {18 title:"Cyber Sonnet",19 mp3:"http://www.jplayer.org/audio/mp3/TSP-07-Cybersonnet.mp3",20 oga:"http://www.jplayer.org/audio/ogg/TSP-07-Cybersonnet.ogg"21 },22 {23 title:"Tempered Song",24 mp3:"http://www.jplayer.org/audio/mp3/Miaow-01-Tempered-song.mp3",25 oga:"http://www.jplayer.org/audio/ogg/Miaow-01-Tempered-song.ogg"26 },27 {28 title:"Hidden",29 mp3:"http://www.jplayer.org/audio/mp3/Miaow-02-Hidden.mp3",30 oga:"http://www.jplayer.org/audio/ogg/Miaow-02-Hidden.ogg"31 },32 {33 title:"Lentement",34 free:true,35 mp3:"http://www.jplayer.org/audio/mp3/Miaow-03-Lentement.mp3",36 oga:"http://www.jplayer.org/audio/ogg/Miaow-03-Lentement.ogg"37 },38 {39 title:"Lismore",40 mp3:"http://www.jplayer.org/audio/mp3/Miaow-04-Lismore.mp3",41 oga:"http://www.jplayer.org/audio/ogg/Miaow-04-Lismore.ogg"42 },43 {44 title:"The Separation",45 mp3:"http://www.jplayer.org/audio/mp3/Miaow-05-The-separation.mp3",46 oga:"http://www.jplayer.org/audio/ogg/Miaow-05-The-separation.ogg"47 },48 {49 title:"Beside Me",50 mp3:"http://www.jplayer.org/audio/mp3/Miaow-06-Beside-me.mp3",51 oga:"http://www.jplayer.org/audio/ogg/Miaow-06-Beside-me.ogg"52 },53 {54 title:"Bubble",55 free:true,56 mp3:"http://www.jplayer.org/audio/mp3/Miaow-07-Bubble.mp3",57 oga:"http://www.jplayer.org/audio/ogg/Miaow-07-Bubble.ogg"58 },59 {60 title:"Stirring of a Fool",61 mp3:"http://www.jplayer.org/audio/mp3/Miaow-08-Stirring-of-a-fool.mp3",62 oga:"http://www.jplayer.org/audio/ogg/Miaow-08-Stirring-of-a-fool.ogg"63 },64 {65 title:"Partir",66 free: true,67 mp3:"http://www.jplayer.org/audio/mp3/Miaow-09-Partir.mp3",68 oga:"http://www.jplayer.org/audio/ogg/Miaow-09-Partir.ogg"69 },70 {71 title:"Thin Ice",72 mp3:"http://www.jplayer.org/audio/mp3/Miaow-10-Thin-ice.mp3",73 oga:"http://www.jplayer.org/audio/ogg/Miaow-10-Thin-ice.ogg"74 }75 ], {76 swfPath: "../../dist/jplayer",77 supplied: "oga, mp3",78 wmode: "window",79 useStateClassSkin: true,80 autoBlur: false,81 smoothPlayBar: true,82 keyEnabled: true83 });84 });
后台是struts2，返回的数据是一个包含标题和地址的list。
由于一些原因，没有采用返回json数据的方式，而是从request中取list作为数据来源。
尝试了半天，最后成功的把request中的list数据动态添加到了jplayer的播放列表中。
var stringlist="["; <% //这里的函数是为了把list中数据添加到stringlist中，stinglist是用来动态构建jplay list的参数 for(int k=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+="]";
很笨的办法，自己拼接出一个json字符串。。。然后当参数使用
$(document).ready(function(){ new jPlayerPlaylist({ 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中动态添加列表曲目（js提取request中的list数据作为js参数使用）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。