·您当前的位置:首页 > 技术教程 > 播放器教程 >

jQuery做的mp3音乐播放器带播放列表

时间:2016-09-07 16:50酷播
jQuery做的mp3音乐播放器带播放列表

Focus player 是一个jquery音乐播放器插件构建了开源jplayer多媒体插件。GUI与独特的看,关注球员可以组织和播放你的mp3文件和创建一个播放列表,还可以添加url。也响应,兼容所有浏览器包括android和IOS。

  1. $(document).ready(function(){ 
  2.   
  3.                                new jPlayerPlaylist({ 
  4.                                    jPlayer: "#jquery_jplayer_1", 
  5.                                    cssSelectorAncestor: "#jp_container_1" 
  6.                                }, [ 
  7.                                    { 
  8.                                        title:"<img src='assets/images/1.jpg' alt='' /><div class='item-song'>He lives in you, he lives in me</div><div class='item-artist'>Elton John, Hans Zimmer</div>", 
  9.                                        itunes :"#", 
  10.                                        amazon : "#", 
  11.                                        buy : "", 
  12.                                        download : "", 
  13.   
  14.   
  15.                                        mp3:"http://www.jplayer.org/audio/mp3/TSP-05-Your_face.mp3", 
  16.                                        oga:"" 
  17.                                    }, 
  18.                                    { 
  19.                                        title:"<img src='assets/images/2.jpg' alt='' /><div class='item-song'>I saw you dancing</div><div class='item-artist'>Yaki Da</div>", 
  20.                                        buy : "", 
  21.                                        download : "#", 
  22.                                        mp3:"http://www.jplayer.org/audio/mp3/TSP-07-Cybersonnet.mp3", 
  23.                                        oga:"http://www.jplayer.org/audio/ogg/TSP-07-Cybersonnet.ogg" 
  24.                                    }, 
  25.                                    { 
  26.                                        title:"<img src='assets/images/3.jpg' alt='' /><div class='item-song'>Sands of Time</div><div class='item-artist'>Pandora</div>", 
  27.                                        buy : "#", 
  28.                                        itunes :"", 
  29.                                        amazon : "", 
  30.                                        download : "",                                      
  31.                                        mp3:"http://www.jplayer.org/audio/mp3/Miaow-07-Bubble.mp3", 
  32.                                        oga:"http://www.jplayer.org/audio/ogg/Miaow-07-Bubble.ogg" 
  33.                                    } 
  34.                                ], { 
  35.                                    swfPath: "js", 
  36.                                    supplied: "oga, mp3", 
  37.                                    wmode: "window", 
  38.                                    smoothPlayBar: false, 
  39.                                    keyEnabled: false 
  40.                                }); 
  41.                            }); 

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器