jQ 音乐播放器
html5对多媒体优化很多,但是到现在我对于音乐和视频还是未知,所以这次就研究了下关于audio的用法。
预览图
功能
- 播放&暂停
- 上一曲&下一曲
- 停止
- 音量静音&音量条调整
- 歌词
- 播放进度条,可操控
- 已播放时间&单曲总时长
- 播放列表,支持双击播放,高亮提示
- 三种播放模式,随机、列表循环、单曲循环
注意
由于火狐浏览器因为版权问题,并不支持mp3格式,所以我找到的办法就是从对火狐浏览器的设置进行调整,具体说明demo上贴了。
demo
此处内容已隐藏回复后方可阅读。
版权申明
本文系作者 @木灵鱼儿 原创发布在木灵鱼儿站点。未经许可,禁止转载。
评论
最新文章
如何在项目中使用一个自定义的npm模块(如何使用一个魔改后的npm模块)
0点赞
·
1评论
Debian12 更新系统版本(目前更新至12.5版本)
0点赞
·
0评论
Nestjs CORS配置和生产环境处理
1点赞
·
0评论
Debian12 SSH连接报错:Error Handshake failed no matching host key format
0点赞
·
0评论
Prisma 使用MongoDB创建数据时报错:Prisma needs to perform transactions, which requires your MongoDB server to be run as a replica set.
0点赞
·
0评论
全部评论 6
宇宙沙雕传媒
Google Chrome Android木灵鱼儿
FireFox Windows 10风语
Google Chrome Windows 10木灵鱼儿
FireFox Windows 10木灵鱼儿
FireFox Windows 10乘风
QQ Browser Android Pie