技术架构与引擎
- 解耦音频引擎 — 纯 JS AudioEngine 与 Vue 框架完全解耦,随时可用于多框架环境。
- 实时程序噪声 — 自制 NoiseGenerator 实时运算白噪/粉噪/棕噪,无需占用外部音频配额。
- 防爆音无缝切换 — 通过 linearRampToValueAtTime 规划 0.5 秒过渡斜率,消除切歌时的瞬时数字切音。
视觉呈现与交互
- 全屏 Canvas 雨滴 — 低透明、GPU 硬件加速雨滴背景,带来高帧率深夜暴风雨动效。
- 极简频谱同步 — 基于 AnalyserNode 获取瞬时频率信息,底部呈现微风般律动波形。
- URL 分享引擎 — 序列化混音音量为极紧凑 Hash,无数据库开销即可分享环境方案。