網站全局音樂播放軟體
· 閱讀時間約 2 分鐘
Who own this site.
基於Aplayer，能夠播放來自網易，騰訊，酷狗，蝦米，百度的歌單
安裝模塊
在網站目錄執行
npm install aplayer --save
編輯主題配置文件
pjax:
enable: true
exclude:
aplayerInject:
enable: true
per_page: true
inject:
bottom:
- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.css"><script src="https://cdn.jsdelivr.net/npm/aplayer/dist/APlayer.min.js"></script><script src="https://cdn.jsdelivr.net/npm/meting@2.0.1/dist/Meting.min.js"></script><meting-js server="netease" type="playlist" id="5161331134" fixed="true" autoplay="true" loop="all" order="random" preload="auto" list-folded="ture" list-max-height="500px"></meting-js>
meting-js標簽中的參數：
| 選項 | 預設 | 描述 |
|---|---|---|
| id(編號) | require | 歌麯ID /播放列錶ID /專輯ID /搜索關鍵字 |
| server(平臺) | require | 音樂平臺：netease，tencent，kugou，xiami，baidu |
| type（類型） | require | song，playlist，album，search，artist |
| auto（支援類種 類） | options | 音樂鏈接，支援：netease，tencent，xiami |
| fixed（固定模式） | false | 啓用固定模式，預設false |
| autoplay（自動播放） | false | 音頻自動播放，預設false |
| theme(主題顔色) | #2980b9 | 預設#2980b9 |
| loop（循環） | all | 播放軟體循環播放，值：“all”，one”，“none” |
| order(順序) | list | 播放軟體播放順序，值：“list”，“random” |
| preload(加載) | auto | 值：“none”，“metadata”，“'auto” |
| volume（音量） | 0.7 | 預設音量，播放軟體會記住用戶設定，用戶自己設定音量後失效 |
| mutex（限製） | true | 獨佔播放，在該播放軟體開始播放時暫停其他播放軟體 |
| lrc-type（歌詞） | 0 | 歌詞顯示 |
| list-folded（列錶摺疊） | false | 指示列錶是否應該首先摺疊 |
| list-max-height（最大高度） | 340px | 列出最大高度 |
| storage-name（儲存名稱） | metingjs | 存儲播放軟體設定的localStorage鍵 |