首页>>音乐/视频>>jQuery歌词同步的音乐播放器插件演示 APlayer演示(2017-05-13)

jQuery歌词同步的音乐播放器插件演示 APlayer演示

 本例用的歌曲是另外一首

jQuery歌词同步的音乐播放器插件演示 APlayer演示
演示
下载
赞赏支持
立刻微信赞赏支持 关闭

 

XML/HTML Code
  1. <script>  
  2.     var ap1 = new APlayer({  
  3.         element: document.getElementById('player1'),  
  4.         narrow: false,  
  5.         autoplay: false,  
  6.         showlrc: false,  
  7.         music: {  
  8.             title: 'Sugar',  
  9.             author: 'Maroon 5',  
  10.             url: 'music/Sugar.mp3',  
  11.             pic: 'music/Maroon5.jpg'  
  12.         }  
  13.     });  
  14.     ap1.init();  
  15.       
  16.     var ap2 = new APlayer({  
  17.         element: document.getElementById('player2'),  
  18.         narrow: true,  
  19.         autoplay: false,  
  20.         showlrc: false,  
  21.         music: {  
  22.             title: 'Sugar',  
  23.             author: 'Maroon 5',  
  24.             url: 'music/Sugar.mp3',  
  25.             pic: 'music/Maroon5.jpg'  
  26.         }  
  27.     });  
  28.     ap2.init();  
  29.       
  30.     var ap3 = new APlayer({  
  31.         element: document.getElementById('player3'),  
  32.         narrow: false,  
  33.         autoplay: false,  
  34.         showlrc: true,  
  35.         music: {  
  36.             title: '平凡之路',  
  37.             author: '朴树',  
  38.             url: 'music/Sugar.mp3',  
  39.             pic: 'music/pf.jpg'  
  40.         }  
  41.     });  
  42.     ap3.init();  
  43. </script>  

 


原文地址:http://www.freejs.net/article_yingyueshipin_603.html