[audio]音樂播放器 帶封面、帶歌詞、帶歌單的最最最簡易方法

可樂不加冰

看見@9527在找這個 東西 總結(jié)一下最最最簡單的套用方法
優(yōu)點：不用改代碼 不用上傳文件到本地 主要是好看
缺點：只支持 內(nèi)個云的 地址或ID

下面看圖吧

登錄/注冊后可看大圖

  

登錄/注冊后可看大圖

登錄/注冊后可看大圖

游客，如果您要查看本帖隱藏內(nèi)容請回復(fù)

API

option

default

description

id (編號)

require

song id / playlist id / album id / search keyword

server (平臺)

require

music platform: netease, tencent, kugou, xiami, baidu

type (類型)

require

song, playlist, album, search, artist

auto (支持種類)

options

music link, support: netease, tencent, xiami

fixed (固定底部模式)

false

enable fixed mode

mini (模式)

false

enable mini mode

autoplay (自動播放)

false

audio autoplay

theme (主題顏色)

#2980b9

main color

loop (循環(huán)播放)

all

player loop play, values: ‘a(chǎn)ll’, ‘one’, ‘none’

order (順序)

list

player play order, values: ‘list’, ‘random’

preload (加載)

auto

values: ‘none’, ‘metadata’, ‘a(chǎn)uto’

volume (聲量)

0.7

default volume, notice that player will remember user setting, default volume will not work after user set volume themselves

mutex (限制)

true

prevent to play multiple player at the same time, pause other players when this player start play

lrc-type (歌詞)

0

lyric type

list-folded (列表折疊)

false

indicate whether list should folded at first

list-max-height (最大高度)

340px

list max height

storage-name (存儲名稱)

metingjs

localStorage key that store player setting

選項

默認(rèn)

描述

id

要求

歌曲ID/播放列表ID/專輯ID/搜索關(guān)鍵字

server

要求

音樂平臺：netease, tencent, kugou, xiami,baidu

type

要求

song, playlist, album, search, artist

auto

選項

音樂鏈接，支持：netease,tencent``xiami

fixed

false

啟用固定模式

mini

false

開啟迷你模式

autoplay

false

音頻自動播放

theme

#2980b9

主色

loop

all

播放器循環(huán)播放，值：‘a(chǎn)ll’、‘one’、‘none’

order

list

播放器播放順序，值：‘list’，‘random’

preload

auto

值：“無”、“元數(shù)據(jù)”、“自動”

volume

0.7

默認(rèn)音量，注意播放器會記住用戶設(shè)置，用戶自己設(shè)置音量后默認(rèn)音量將失效

mutex

true

防止同時播放多個播放器，當(dāng)該播放器開始播放時暫停其他播放器

lrc-type

0

抒情類型

list-folded

false

指示列表是否應(yīng)首先折疊

list-max-height

340px

音樂列表最大高度

storage-name

metingjs

存儲播放器設(shè)置的 localStorage 鍵

游客，如果您要查看本帖隱藏內(nèi)容請回復(fù)

八八

好東西，學(xué)習(xí)了。

海哥

頂樓主啦..希望樓主多發(fā)精品好帖啦.....

海哥

搞起了，不得不說，樓主是真厲害

可樂不加冰

海哥 發(fā)表于 2023-11-26 20:02
搞起了，不得不說，樓主是真厲害

一貫宗旨 就是 簡單 好用 不花錢

海哥

可樂不加冰 發(fā)表于 2023-11-26 20:34
一貫宗旨 就是 簡單 好用 不花錢

我還專門做了一個教程，讓網(wǎng)友也會發(fā)
https://www.zhaoqj.cn/fu/492/1/1.html

來去之間

正好需要，感謝樓主。

站長一號嚶嚶嚶

66666啊這個

taizimxg

這個看看。好使不。

gfanzuibang

謝謝分享。