Discuz! 官方交流社區(qū)
標(biāo)題: [audio]音樂播放器 帶封面、帶歌詞、帶歌單的最最最簡易方法 [打印本頁]
作者: 可樂不加冰 時(shí)間: 2023-11-24 00:12
標(biāo)題: [audio]音樂播放器 帶封面、帶歌詞、帶歌單的最最最簡易方法
本帖最后由 可樂不加冰 于 2025-1-6 19:41 編輯
看見@9527在找這個(gè) 東西 總結(jié)一下最最最簡單的套用方法
優(yōu)點(diǎn):不用改代碼 不用上傳文件到本地 主要是好看
缺點(diǎn):只支持 內(nèi)個(gè)云的 地址或ID
下面看圖吧
(, 下載次數(shù): 114)
(, 下載次數(shù): 104)
(, 下載次數(shù): 102)
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 (類型)
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 鍵
作者: 八八 時(shí)間: 2023-11-26 17:50
好東西,學(xué)習(xí)了。
作者: 海哥 時(shí)間: 2023-11-26 19:36
頂樓主啦..希望樓主多發(fā)精品好帖啦.....
作者: 海哥 時(shí)間: 2023-11-26 20:02
搞起了,不得不說,樓主是真厲害
作者: 可樂不加冰 時(shí)間: 2023-11-26 20:34
一貫宗旨 就是 簡單 好用 不花錢
作者: 海哥 時(shí)間: 2023-11-26 21:13
我還專門做了一個(gè)教程,讓網(wǎng)友也會(huì)發(fā)
https://www.zhaoqj.cn/fu/492/1/1.html
作者: 來去之間 時(shí)間: 2023-11-26 22:14
正好需要,感謝樓主。
作者: 站長一號(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
謝謝分享 頂起來
作者: 加個(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
音樂播放器 帶封面、帶歌詞、帶歌單的最最最簡易方法
作者: 。????????? 時(shí)間: 2023-12-22 21:18
看看咋樣
作者: ysx24 時(shí)間: 2023-12-23 03:14
播放器不錯(cuò)、如果支持上傳mp3才給力,依賴別人url失效是遲早和必然的
作者: 四季歌 時(shí)間: 2023-12-23 10:13
頂樓主啦..希望樓主多發(fā)精品好帖啦.....
作者: 可樂不加冰 時(shí)間: 2023-12-23 20:19
要上傳有效 那就要連音樂 封面 歌曲信息 歌詞 一起上傳
要不然 播放器 沒地方調(diào)東西去
作者: 沉默的人 時(shí)間: 2023-12-23 22:56
看下方法如何是否支持
作者: 沉默的人 時(shí)間: 2023-12-27 14:21
看下我這邊是否可以直接用
作者: 佟萬鋼 時(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
一貫宗旨 就是 簡單 好用 不花錢
作者: 斬虍 時(shí)間: 2024-3-16 12:20
好東西 學(xué)習(xí)學(xué)習(xí) 找了很久都沒有方法去添加
作者: linina 時(shí)間: 2024-3-19 21:04
謝謝樓主~來學(xué)習(xí)一下~
作者: 香草大叔 時(shí)間: 2024-3-20 22:00
我來看看
作者: 李老鼠?? 時(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
作者: 佟萬鋼 時(shí)間: 2024-4-17 09:28
謝謝謝謝
作者: inception 時(shí)間: 2024-4-17 12:42
回帖仔細(xì)看一下這個(gè)MP3地址是哪里來的
作者: ea.3 時(shí)間: 2024-4-17 23:54
好東西,學(xué)習(xí)了。
作者: 臥龍錦書 時(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
謝謝分享
作者: 二魚 時(shí)間: 2024-8-5 01:01
好東西學(xué)習(xí)了
作者: 二魚 時(shí)間: 2024-8-6 10:06
好東西學(xué)習(xí)學(xué)習(xí)
作者: 煙雨江南 時(shí)間: 2024-8-19 16:18
感謝分享
作者: 四季歌 時(shí)間: 2024-8-23 14:35
搞起了,不得不說,樓主是真厲害
作者: 李老鼠?? 時(shí)間: 2024-9-4 14:07
支持一下殼殼
作者: 汝雅卿閣 時(shí)間: 2024-9-5 09:06
好東西,學(xué)習(xí)了。好東西,學(xué)習(xí)了。
作者: 為愛守候 時(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
我是來學(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
兄弟,問一下能不能搞一個(gè) 【黏貼圖片上傳】的功能
https://blog.csdn.net/bq_cui/article/details/130560817
我看到這個(gè)帖子了,但是不知道如何使用。方便告知一下這個(gè)如何使用么。
或者基于這個(gè) 搞個(gè) 插件
作者: 二魚 時(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è)播放器
作者: 無名 時(shí)間: 2025-4-4 16:33
感謝分享
作者: KaKiaGP 時(shí)間: 2025-4-5 08:28
啥也不說了,樓主就是給力!必須要支持一下啊
作者: 要早安??~喵?? 時(shí)間: 2025-4-9 20:13
支持一下
作者: boa 時(shí)間: 2025-4-10 22:44
學(xué)習(xí)了!謝謝
作者: KaKiaGP 時(shí)間: 2025-4-11 00:54
啥也不說了,樓主就是給力!必須要支持一下啊
作者: cyzhaojia 時(shí)間: 2025-4-15 20:10
真的可以實(shí)現(xiàn)嗎
作者: 森鹿 時(shí)間: 2025-4-16 09:51
音樂播放器 帶封面、帶歌詞、帶歌單的最最最簡易
作者: 森鹿 時(shí)間: 2025-5-7 13:42
感謝分享哦
歡迎光臨 Discuz! 官方交流社區(qū) (http://r615.cn/) |
Powered by Discuz! X5.0 |