好看的音樂播放器css/js

引言

逛着別人的博客園，

發現了一個不錯的音樂播放器樣式APlayer,

於是就用了起來，

樣式：有播放列表和歌詞

 

 

 

代碼與引用

 運用代碼片段：

<div id="songs">
    <link rel="stylesheet" href="./css/APlayer.min.css">
    <div id="player" class="aplayer aplayer-withlist aplayer-fixed" data-id="5077770766" data-server="netease" data-type="playlist" data-order="random" data-fixed="true" data-listfolded="true" data-theme="#2D8CF0"></div>
    <script src="./js/APlayer.min.js"></script>
    <script src="./js/Meting.min.js"></script>
</div>

需要下載APlayer的css樣式和js + Meting的js文件

APlayer是播放器， 然后Meting是一個支持各種音樂平台(騰訊，網易)的音樂 API 框架

data-type是類型，有playlist：歌單；song：單曲；專輯：album；關鍵詞：search；歌手：artist

 

參數含義

其中data-id是歌單的id編號，打開平台某個歌單就能在鏈接處看到：

           

 

 

 

data-server是音樂播放平台的名稱。netease：網易；tencent：騰訊；xiami：蝦米；kugou：酷狗；baidu：百度