基于html5实现的网页底部用轻音乐播放器(html5+jQurey)

基于html5实现的网页底部用轻音乐播放器(html5+jQurey) mp3音乐播放器,html5播放器,微信播放器,微信音频频播放器,html5音乐播放器,列表连播,音乐播放器,mp3播放器,jQuery音乐播放器,手机播放器,

播放器演示

基于html5实现的网页底部用轻音乐播放器(html5+jQurey)为您的网站增加活力

基于html5实现的网页底部用轻音乐播放器(html5+jQurey)演示

播放器介绍

基于html5实现的网页底部用轻音乐播放器(html5+jQurey)为您的网站增加活力。
这是一款显示底部的音乐插件，不是自动隐藏的一款音乐插件哦这个比较适合新手用，很简单，在自己网站放点轻音乐等。

部分调用代码：

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/audio.js"></script>
<script type="text/javascript">
$(function(){

   var song = [
       {
           'cover' : 'images/cover2.jpg',
           'src' : '11.mp3',
           'title' : 'Memories'
       },
       {
           'cover' : 'images/cover.png',
           'src' : '22.mp3',
           'title' : 'number one2'
       },
       {
           'cover' : 'images/cover1.jpg',
           'src' : '33.mp3',
           'title' : '大橋'
       },
       {
           'cover' : 'images/cover3.jpg',
           'src' : '44.mp3',
           'title' : '初音'
       },
       {
           'cover' : 'images/cover4.jpg',
           'src' : '55.mp3',
           'title' : '极乐净土'
       }
   ];

   var audioFn = audioPlay({
       song : song,
       autoPlay : true //是否立即播放第一首，autoPlay为true且song为空，会alert文本提示并退出
   });

   /* 向歌单中添加新曲目，第二个参数true为新增后立即播放该曲目，false则不播放 */
   audioFn.newSong({
       'cover' : 'images/cover5.jpg',
       'src' : '66.mp3',
       'title' : 'B.A.A.B'
   },false);

   /* 暂停播放 */
   //audioFn.stopAudio();

   /* 开启播放 */
   //audioFn.playAudio();

   /* 选择歌单中索引为3的曲目(索引是从0开始的)，第二个参数true立即播放该曲目，false则不播放 */
   //audioFn.selectMenu(3,true);

   /* 查看歌单中的曲目 */
   //console.log(audioFn.song);

   /* 当前播放曲目的对象 */
   //console.log(audioFn.audio);
});