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

可樂不加冰

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

下面看圖吧

登錄/注冊后可看大圖

  

登錄/注冊后可看大圖

登錄/注冊后可看大圖

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

API

option

default

description

id (編號(hào))

require

song id / playlist id / album id / search keyword

server (平臺(tái))

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 (自動(dòng)播放)

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 (存儲(chǔ)名稱)

metingjs

localStorage key that store player setting

選項(xiàng)

默認(rèn)

描述

id

要求

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

server

要求

音樂平臺(tái)：netease, tencent, kugou, xiami,baidu

type

要求

song, playlist, album, search, artist

auto

選項(xiàng)

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

fixed

false

啟用固定模式

mini

false

開啟迷你模式

autoplay

false

音頻自動(dòng)播放

theme

#2980b9

主色

loop

all

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

order

list

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

preload

auto

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

volume

0.7

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

mutex

true

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

lrc-type

0

抒情類型

list-folded

false

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

list-max-height

340px

音樂列表最大高度

storage-name

metingjs

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

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

八八

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

海哥

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

海哥

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

可樂不加冰

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

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

海哥

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

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

來去之間

正好需要，感謝樓主。

站長一號(hào)嚶嚶嚶

66666啊這個(gè)

taizimxg

這個(gè)看看。好使不。

gfanzuibang

謝謝分享。