Discuz! 官方交流社區(qū)
標(biāo)題: [audio]音樂(lè)播放器 帶封面、帶歌詞、帶歌單的最最最簡(jiǎn)易方法 [打印本頁(yè)]
作者: 可樂(lè)不加冰 時(shí)間: 2023-11-24 00:12
標(biāo)題: [audio]音樂(lè)播放器 帶封面、帶歌詞、帶歌單的最最最簡(jiǎn)易方法
本帖最后由 可樂(lè)不加冰 于 2025-1-6 19:41 編輯
看見(jiàn)@9527在找這個(gè) 東西 總結(jié)一下最最最簡(jiǎn)單的套用方法
優(yōu)點(diǎn)：不用改代碼 不用上傳文件到本地 主要是好看
缺點(diǎn)：只支持 內(nèi)個(gè)云的 地址或ID
下面看圖吧
(, 下載次數(shù): 169)
(, 下載次數(shù): 150)
(, 下載次數(shù): 140)
APIoption
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 (類(lèi)型)
require
song, playlist, album, search, artist
auto (支持種類(lèi))
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ǔ)名稱(chēng))
metingjs
localStorage key that store player setting
選項(xiàng)
默認(rèn)
描述
id
要求
歌曲ID/播放列表ID/專(zhuān)輯ID/搜索關(guān)鍵字
server
要求
音樂(lè)平臺(tái)：netease, tencent, kugou, xiami,baidu
type
要求
song, playlist, album, search, artist
auto
選項(xiàng)
音樂(lè)鏈接，支持：netease,tencent``xiami
fixed
false
啟用固定模式
mini
false
開(kāi)啟迷你模式
autoplay
false
音頻自動(dòng)播放
theme
#2980b9
主色
loop
all
播放器循環(huán)播放，值：‘a(chǎn)ll’、‘one’、‘none’
order
list
播放器播放順序，值：‘list’，‘random’
preload
auto
值：“無(wú)”、“元數(shù)據(jù)”、“自動(dòng)”
volume
0.7
默認(rèn)音量，注意播放器會(huì)記住用戶(hù)設(shè)置，用戶(hù)自己設(shè)置音量后默認(rèn)音量將失效
mutex
true
防止同時(shí)播放多個(gè)播放器，當(dāng)該播放器開(kāi)始播放時(shí)暫停其他播放器
lrc-type
0
抒情類(lèi)型
list-folded
false
指示列表是否應(yīng)首先折疊
list-max-height
340px
音樂(lè)列表最大高度
storage-name
metingjs
存儲(chǔ)播放器設(shè)置的 localStorage 鍵
作者: 八八 時(shí)間: 2023-11-26 17:50
好東西，學(xué)習(xí)了。
作者: 海哥 時(shí)間: 2023-11-26 19:36
頂樓主啦..希望樓主多發(fā)精品好帖啦.....
作者: 海哥 時(shí)間: 2023-11-26 20:02
搞起了，不得不說(shuō)，樓主是真厲害
作者: 可樂(lè)不加冰 時(shí)間: 2023-11-26 20:34
一貫宗旨 就是 簡(jiǎn)單 好用 不花錢(qián)
作者: 海哥 時(shí)間: 2023-11-26 21:13
我還專(zhuān)門(mén)做了一個(gè)教程，讓網(wǎng)友也會(huì)發(fā)
https://www.zhaoqj.cn/fu/492/1/1.html
作者: 來(lái)去之間 時(shí)間: 2023-11-26 22:14
正好需要，感謝樓主。
作者: 站長(zhǎng)一號(hào)嚶嚶嚶 時(shí)間: 2023-11-26 23:47
66666啊這個(gè)
作者: taizimxg 時(shí)間: 2023-12-1 12:44
這個(gè)看看。好使不。
作者: gfanzuibang 時(shí)間: 2023-12-2 23:13
謝謝分享。
作者: 茫然 時(shí)間: 2023-12-7 18:12
謝謝分享 頂起來(lái)
作者: 加個(gè)油吧 時(shí)間: 2023-12-15 19:59
好東西，學(xué)習(xí)了。
作者: E.Kun 時(shí)間: 2023-12-16 22:33
好東西，學(xué)習(xí)了。...
作者: Xianger2120 時(shí)間: 2023-12-17 23:28
音樂(lè)播放器 帶封面、帶歌詞、帶歌單的最最最簡(jiǎn)易方法
作者: 。????????? 時(shí)間: 2023-12-22 21:18
看看咋樣
作者: ysx24 時(shí)間: 2023-12-23 03:14
播放器不錯(cuò)、如果支持上傳mp3才給力，依賴(lài)別人url失效是遲早和必然的
作者: 四季歌 時(shí)間: 2023-12-23 10:13
頂樓主啦..希望樓主多發(fā)精品好帖啦.....
作者: 可樂(lè)不加冰 時(shí)間: 2023-12-23 20:19
要上傳有效 那就要連音樂(lè) 封面 歌曲信息 歌詞 一起上傳
要不然 播放器 沒(méi)地方調(diào)東西去
作者: 沉默的人 時(shí)間: 2023-12-23 22:56
看下方法如何是否支持
作者: 沉默的人 時(shí)間: 2023-12-27 14:21
看下我這邊是否可以直接用
作者: 佟萬(wàn)鋼 時(shí)間: 2023-12-27 16:39
謝謝分享
作者: 小蝌蚪 時(shí)間: 2024-2-20 17:30
阿薩德剛
作者: canwu 時(shí)間: 2024-2-21 01:24
好看 我的更好看哈哈哈
作者: chenchinglang 時(shí)間: 2024-2-21 01:54
一貫宗旨 就是 簡(jiǎn)單 好用 不花錢(qián)
作者: 斬虍 時(shí)間: 2024-3-16 12:20
好東西 學(xué)習(xí)學(xué)習(xí) 找了很久都沒(méi)有方法去添加
作者: linina 時(shí)間: 2024-3-19 21:04
謝謝樓主~來(lái)學(xué)習(xí)一下~
作者: 香草大叔 時(shí)間: 2024-3-20 22:00
我來(lái)看看
作者: 李老鼠?? 時(shí)間: 2024-4-1 07:46
支持樓主
作者: 阿鵬 時(shí)間: 2024-4-12 12:20
學(xué)習(xí)學(xué)習(xí)大佬的分享
作者: 海哥 時(shí)間: 2024-4-12 15:35
頂樓主啦..希望樓主多發(fā)精品好帖啦.....
作者: 小盧吖y 時(shí)間: 2024-4-15 20:58
6666666666666666666666666
作者: 佟萬(wàn)鋼 時(shí)間: 2024-4-17 09:28
謝謝謝謝
作者: inception 時(shí)間: 2024-4-17 12:42
回帖仔細(xì)看一下這個(gè)MP3地址是哪里來(lái)的
作者: ea.3 時(shí)間: 2024-4-17 23:54
好東西，學(xué)習(xí)了。
作者: 臥龍錦書(shū) 時(shí)間: 2024-4-28 12:10
66666666666666666666666
作者: cyzhaojia 時(shí)間: 2024-5-28 01:06
跟著學(xué)習(xí) 強(qiáng)
作者: 華CZ 時(shí)間: 2024-6-16 17:00
看下······
作者: 李老鼠?? 時(shí)間: 2024-7-13 18:52
謝謝分享
作者: 二魚(yú) 時(shí)間: 2024-8-5 01:01
好東西學(xué)習(xí)了
作者: 二魚(yú) 時(shí)間: 2024-8-6 10:06
好東西學(xué)習(xí)學(xué)習(xí)
作者: 煙雨江南 時(shí)間: 2024-8-19 16:18
感謝分享
作者: 四季歌 時(shí)間: 2024-8-23 14:35
搞起了，不得不說(shuō)，樓主是真厲害
作者: 李老鼠?? 時(shí)間: 2024-9-4 14:07
支持一下殼殼
作者: 汝雅卿閣 時(shí)間: 2024-9-5 09:06
好東西，學(xué)習(xí)了。好東西，學(xué)習(xí)了。
作者: 為愛(ài)守候 時(shí)間: 2024-9-5 18:37
............
作者: 拈花小和尚 時(shí)間: 2024-9-20 23:41
看一看。
作者: 拈花小和尚 時(shí)間: 2024-9-20 23:42
哎喲，回復(fù)還需要審核。
作者: jishuxiaowu 時(shí)間: 2024-9-23 19:11
學(xué)習(xí)一下
作者: boa 時(shí)間: 2024-10-5 11:56
我是來(lái)學(xué)習(xí)的
作者: 73327424 時(shí)間: 2024-11-2 17:33
11111111111
作者: 渡魂 時(shí)間: 2024-11-3 15:08
感謝分享
作者: kuyxia 時(shí)間: 2024-11-5 22:47
感謝分享
作者: 邂逅驚鴻 時(shí)間: 2024-11-12 20:35
兄弟，問(wèn)一下能不能搞一個(gè) 【黏貼圖片上傳】的功能
https://blog.csdn.net/bq_cui/article/details/130560817
我看到這個(gè)帖子了，但是不知道如何使用。方便告知一下這個(gè)如何使用么。
或者基于這個(gè) 搞個(gè) 插件
作者: 二魚(yú) 時(shí)間: 2024-12-11 19:16
學(xué)習(xí)學(xué)習(xí)
作者: 景團(tuán)網(wǎng)絡(luò) 時(shí)間: 2024-12-11 20:40
回復(fù)看看怎么樣，支持一下
作者: 三姐 時(shí)間: 2024-12-11 20:50
看看是怎樣的~~~
作者: 627276815 時(shí)間: 2025-1-5 23:15
要支持的
作者: kuyxia 時(shí)間: 2025-3-7 13:03
感謝分享
作者: 老夫夜觀天象 時(shí)間: 2025-3-27 22:30
好像很不錯(cuò)，比插件實(shí)惠多了
作者: 哥特 時(shí)間: 2025-4-4 16:01
看看這個(gè)播放器
作者: 無(wú)名 時(shí)間: 2025-4-4 16:33
感謝分享
作者: KaKiaGP 時(shí)間: 2025-4-5 08:28
啥也不說(shuō)了，樓主就是給力！必須要支持一下啊
作者: 要早安??~喵?? 時(shí)間: 2025-4-9 20:13
支持一下
作者: boa 時(shí)間: 2025-4-10 22:44
學(xué)習(xí)了！謝謝
作者: KaKiaGP 時(shí)間: 2025-4-11 00:54
啥也不說(shuō)了，樓主就是給力！必須要支持一下啊
作者: cyzhaojia 時(shí)間: 2025-4-15 20:10
真的可以實(shí)現(xiàn)嗎
作者: 森鹿 時(shí)間: 2025-4-16 09:51
音樂(lè)播放器 帶封面、帶歌詞、帶歌單的最最最簡(jiǎn)易
作者: 森鹿 時(shí)間: 2025-5-7 13:42
感謝分享哦
作者: wybl 時(shí)間: 2025-12-7 17:59
正需要這個(gè)，學(xué)習(xí)一下
作者: 夏薇家張森森 時(shí)間: 2026-1-28 14:50
希望有用吧
作者: clamp 時(shí)間: 2026-2-21 03:41
感覺(jué)不錯(cuò)
| 歡迎光臨 Discuz! 官方交流社區(qū) (http://m.sdtechgong.com.cn/) |
Powered by Discuz! X5.0 |