最近在捣鼓播客的可视化,和大家分享这个项目:在浏览器里运行的实时音频可视化工具。
-
GitHub 项目地址:https://github.com/kuhung/audiovisualizer
-
在线交互体验:https://av.kuhungio.me/
-
效果应用视频:职场进阶|技术领导成长与变革指南
主要功能:
- 实时音频响应: 捕捉来自麦克风的音频输入,或者播放本地音频文件,并根据音频的频率和幅度实时生成视觉效果。
- 多种视觉效果: 内置了多种基于 WebGL Shaders 实现的视觉效果,可以自由切换。
在此之前也尝试了 python 直接对音源处理,实际弄下来计算量大且可视化效果糟糕。后来找到了这个实施渲染方案,效果非常不错,交互感满满。另外项目也适配了移动端,手机上也能体验。欢迎大家:
- 访问在线演示,用你喜欢的声音试试效果。
- 访问 GitHub 仓库,查看源码,提 Issue 或 PR 。
- 分享你的想法或建议,任何反馈都非常有价值!