跳至主要內容

網站全局音樂播放軟體

· 閱讀時間約 2 分鐘
淺笑Azusa
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音樂平臺:neteasetencentkugouxiamibaidu
type(類型)requiresongplaylistalbumsearchartist
auto(支援類種 類)options音樂鏈接,支援:neteasetencentxiami
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鍵