Work / experiments · 2026-10-15
网页会听音乐
把一段音频交给浏览器:四种节奏画面 + 同步歌词 + 黑胶唱片,播放示例曲目或导入本地音乐,看声音变成光。
直接体验 · 本地分析 · 源码下载
ZIP 压缩包 · 970 KiB · 浏览器运行
解压后直接打开 experiments/audio-visualizer/index.html,无需安装依赖。示例曲目《星尘回响》与源码按随包 MIT 许可证使用;自选音频版权归原权利人。
About the work
作品介绍
在试什么:用 Web Audio 把声音拆成频率与能量,探索节奏如何变成光——四种画面模式随音乐实时变化。 怎么玩:点击播放示例曲目《星尘回响》(本站原创合成,自带原创歌词与星云封面),或选择 / 拖入自己的音频与 .lrc 歌词文件。「星环光谱」看频谱环与波形,中心显示静止封面,便于观察频谱起伏;「歌词主场」以大字逐行歌词为画面主角,配底部频谱与呼吸背景;「星尘律动」的纵深星流由频率能量控制亮度、低频推动扩张;「黑胶律动」是旋转唱片、唱针与底部均衡器,暂停即停转。可用开关显示 / 隐藏歌词,MP3 内嵌歌词与封面图自动识别,调节音量与反应灵敏度,保存喜欢的瞬间为 PNG。 状态:原型 v1.4,更新于 2026-10-15。 限制:暂无录制导出与麦克风输入。支持 MP3 / WAV / OGG / M4A / FLAC 等常见格式,文件上限 50 MB;歌词支持 .lrc 与 MP3 内嵌歌词,无时间标记的歌词无法逐行同步;封面仅读取 MP3 内嵌图片,其他格式可在黑胶 / 星环模式看程序化唱片。音频、歌词与封面仅在浏览器本地解码与分析,不上传。导出为静态 PNG,不含声音。减少动态效果设置下降低画面动态幅度并停转唱片;低性能设备仍可能掉帧。音频、歌词与封面文件版权与使用权归原权利人。