小吉 发表于 2023-10-10 15:30:29

HTML实现网页左下角音乐播放器

本帖最后由 小吉 于 2023-10-10 15:37 编辑

支持显示歌词,支持换歌调声音,自适应,有主流音乐播放器所有功能
另外js,css调用的jsdelivr的,由于jsdelivr很多地区都噶了,我优化了下改成了用的国内服务器加速的jsd.onmicrosoft.cnunpkg.com 国内几乎不可用,改成了百度的节点,总体来说优化完速度起飞https://pic.imgdb.cn/item/6524fc8cc458853aef9d9188.png


演示地址
https://picapi.pai.al/
**** Hidden Message *****

wanavy 发表于 2023-10-10 15:32:30

{:4_205:}

Suzuran 发表于 2023-10-10 18:04:19

大佬能设置成自动播放的吗

小吉 发表于 2023-10-10 20:00:24

本帖最后由 小吉 于 2023-10-10 20:02 编辑

Suzuran 发表于 2023-10-10 18:04
大佬能设置成自动播放的吗
默认就是自动播放的

data-autoplay="true"

a1358349187 发表于 2023-10-10 20:07:16

55556666666666

Suzuran 发表于 2023-10-10 21:17:35

小吉 发表于 2023-10-10 20:00
默认就是自动播放的

data-autoplay="true"

要点击才能播放呀 不能网页一打开就自动播放吗大多数浏览器禁用了自动播放来着
有别的方法打开就播放吗

小吉 发表于 2023-10-10 21:50:17

Suzuran 发表于 2023-10-10 21:17
要点击才能播放呀 不能网页一打开就自动播放吗大多数浏览器禁用了自动播放来着
有别的方法打开就播放 ...

pc默认就是播放的,手机的话浏览器会阻止,你可以选择添加一个按钮或其他触发事件的元素:在页面上添加一个按钮或其他元素(例如图片、文字等),当用户点击该元素时才触发音频播放。
或者使用用户交互事件触发播放:通过监听用户的交互事件(如点击、触摸、滚动等),当用户进行了特定操作后再触发音频播放。
这些功能gpt都可以很简单的解决

m844132282 发表于 2023-10-11 04:35:42

{:4_205:}

nf404 发表于 2023-10-11 09:46:56

{:5_230:}

20330199 发表于 2023-10-11 12:14:53

6666666666
页: [1] 2 3 4
查看完整版本: HTML实现网页左下角音乐播放器