Back to App Atlas
声光律动
audio visualizer music creative fun
创意工具

声光律动

实时音频可视化应用,使用麦克风或音频文件生成炫酷的粒子视觉效果。支持4种可视化模式:频谱柱、环形波、粒子雨、声波纹。让音乐变得可见!

Author

Casey Jackson

Open this creator profile

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. 1 点击开启麦克风或选择音频文件
  2. 2 切换不同的可视化模式
  3. 3 调节灵敏度滑块

Screenshots

声光律动 screenshot

Related Apps