# Audio_Visualizer
基于js的音频可视化,含一定的CSS美化
#### <del>TODO: 音频在页面中的播放质量仍需改进</del>
### 关于注页面
点击左下角圆图和上方大图可分别更换显示的图片
点击播放栏右上角的时表可加载要播放的音乐
点击标题、副标题或歌词,可以上传自定义的设置用json
### 关于附件
`./Mili`中包含了示例用的音频及其配对的cover图片、设置用json
`./demo.jpg`是`index.html`使用的默认图像
### 关于设置用json
该json包含了音频标题、副标题、歌词(支持双字幕)、歌词显示延时以及面板背景颜色自定义等信息,您可根据demo自行调整
其中需要注意的是,当面板背景颜色自定义的值为`""`或还未加载设置用json时,主页面将根据大图自动计算背景颜色(以json为优先);当副歌词不存在时(即形如`[["10.000", "主歌词"], ...]`时),主页面将自动留空副歌词栏
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
【项目资源】: 包含前端、后端、移动开发、操作系统、人工智能、物联网、信息化管理、数据库、硬件开发、大数据、课程资源、音视频、网站开发等各种技术项目的源码。 包括STM32、ESP8266、PHP、QT、Linux、iOS、C++、Java、python、web、C#、EDA、proteus、RTOS等项目的源码。 【项目质量】: 所有源码都经过严格测试,可以直接运行。 功能在确认正常工作后才上传。 【适用人群】: 适用于希望学习不同技术领域的小白或进阶学习者。 可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。 【附加价值】: 项目具有较高的学习借鉴价值,也可直接拿来修改复刻。 对于有一定基础或热衷于研究的人来说,可以在这些基础代码上进行修改和扩展,实现其他功能。 【沟通交流】: 有任何使用上的问题,欢迎随时与博主沟通,博主会及时解答。 鼓励下载和使用,并欢迎大家互相学习,共同进步。
资源推荐
资源详情
资源评论
收起资源包目录
基于js的音频可视化,含一定的CSS美化.zip (6个子文件)
资料总结
demo.jpg 569KB
index.html 29KB
Mili
info.json 8KB
Mili - world.execute (me) ;.mp3 5.06MB
Mili - world.execute (me) ;.jpg 208KB
README.md 991B
共 6 条
- 1
资源评论
妄北y
- 粉丝: 1w+
- 资源: 1万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 一个简化的脚本示例,展示了如何使用预训练的YOLO模型进行目标检测
- 使用Redis 存储AccessToken +使用MySQL 存储ClientDetails和UserDetails信息
- 编译原理的定义以及优缺点
- 一个简单的MATLAB GUI脚本示例,该脚本使用编程方式创建一个简单的窗口,其中包含一个按钮和一个坐标轴,用于显示简单的图形
- CS-TY4-7603刷萤石固件
- ASP基于WEB个人博客网页设计(源代码)
- 一个简单的示例,说明如何使用Vue CLI来创建一个新的Vue项目
- CS-TY4-7603卡刷升萤石云系统包,自动刷机
- NestJS+Redis 基本命令学习,不同数据类型的操作学习
- 一个简单的Python脚本示例,它使用nmap(一个流行的网络扫描工具)来扫描一个目标IP地址的开放端口
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功