audio visualizer music creative fun
创意工具 声光律动
实时音频可视化应用,使用麦克风或音频文件生成炫酷的粒子视觉效果。支持4种可视化模式:频谱柱、环形波、粒子雨、声波纹。让音乐变得可见!
Version & Runtime
v1.0.0
static-front-end
0 Stars
About This App
声光律动 - Sound Light Visualizer
实时音频可视化应用,让声音变得可见!
功能特点
• 🎤 **麦克风输入** - 实时捕捉麦克风声音并可视化
• 📁 **音频文件** - 支持上传本地音频文件进行可视化
• 🎨 **4种可视化模式**
- 频谱柱 - 经典音乐播放器风格
- 环形波 - 科幻感圆形波纹
- 粒子雨 - 跟随节奏的粒子飘落
- 声波纹 - 双层镜像波形
• ⚙️ **灵敏度调节** - 根据音乐强度调整视觉效果
使用方法
1. 点击"开启麦克风"使用实时音频输入
2. 或点击"选择音频文件"播放本地音乐
3. 切换不同的可视化模式体验不同的视觉效果
4. 拖动灵敏度滑块调整反应强度
技术说明
• 使用 Web Audio API 进行音频分析
• 使用 Canvas 2D 进行实时渲染
• 纯前端实现,无需后端服务
作者
Casey Jackson
Features
麦克风实时输入
音频文件播放
4种可视化模式
灵敏度调节
响应式设计
Tech Stack
HTML CSS JavaScript
How to Use
- 1 点击开启麦克风或选择音频文件
- 2 切换不同的可视化模式
- 3 调节灵敏度滑块
Screenshots