猫腻

音乐插件
#DEMO#食用方法①将文末的css丶js丶images压缩包解压到服务器中②将下面这段PHP引入你的文件中即可&...
扫描右侧二维码阅读全文
03
2019/05

音乐插件

#DEMO
Music
#食用方法
①将文末的css丶js丶images压缩包解压到服务器中
②将下面这段PHP引入你的文件中即可

<!-- music -->
<!--播放器 -->
<link rel="stylesheet" href="./css/player.css">
<div id="QPlayer">
  <div id="pContent">
    <div id="player"> <span class="cover"></span>
      <div class="ctrl">
        <div class="musicTag marquee"> <strong>Title</strong> <span> - </span> <span class="artist">Artist</span> </div>
        <div class="progress">
          <div class="timer left">0:00</div>
          <div class="contr">
            <div class="rewind icon"></div>
            <div class="playback icon"></div>
            <div class="fastforward icon"></div>
          </div>
          <div class="right">
            <div class="liebiao icon"></div>
          </div>
        </div>
      </div>
    </div>
    <div class="ssBtn">
      <div class="adf"></div>
    </div>
  </div>
  <ol id="playlist">
  </ol>
</div>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="./js/jquery.marquee.min.js"></script>
<script>
    var    playlist = [    
{title:"Sadden E Say Yo",artist:"Various Artists",mp3:"http://music.163.com/song/media/outer/url?id=34003174.mp3",cover:"https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2085557345,1596804370&fm=179&app=42&f=JPEG?w=150&h=150",},
{title:"Where Is the Love",artist:"Josh Vietti",mp3:"http://music.163.com/song/media/outer/url?id=28828076.mp3",cover:"https://ss0.baidu.com/6ONWsjip0QIZ8tyhnq/it/u=3844781748,3237739597&fm=58&bpow=960&bpoh=634",},
{title:"Send It ",artist:"Austin Mahone,Rich Homie Quan",mp3:"http://music.163.com/song/media/outer/url?id=426291544.mp3",cover:"https://ss2.baidu.com/6ONYsjip0QIZ8tyhnq/it/u=2851431503,2395572788&fm=58&bpow=500&bpoh=500",},
];
  var isRotate = 1;
  var autoplay = 0;  
</script>
<script src="./js/player.js"></script>
<script>
function bgChange(){
    var lis= $('.lib');
    for(var i=0; i<lis.length; i+=2)
    lis[i].style.background = 'rgba(246, 246, 246, 0.5)';
}
window.onload = bgChange;
</script>
  <!-- / music -->

#自动播放
var autoplay = 0;把参数改为1
#下载链接
http://t.cn/ESuljib

Last modification:May 3rd, 2019 at 09:48 am
If you think my article is useful to you, please feel free to appreciate

Leave a Comment

2 comments

  1. 猫猫

    问一下,在哪里改歌单地址,就是把歌单换成自己的

    1. 猫猫
      @猫猫

      a看懂了。原来不是调用歌单啊