用途:把音频分析结果连接到视觉参数上,实现音频反应式视觉效果。
主要能力:提供频率分频(低音、中音、高音)提取与归一化、平滑处理(Smoother 类);多种视觉属性映射,包括缩放/大小、位置/移动、旋转、颜色/亮度、透明度;节拍响应模式,如节拍闪烁、节拍缩放弹出、节拍生成(粒子等);与 React Three Fiber、后处理(Bloom、色差)、GSAP 集成示例;性能提示(降低更新频率、平滑隐藏跳帧、批量 DOM 更新、CSS 变量)。
用法要点:使用 Tone.js 创建 Analyser 并连接播放器;在 requestAnimationFrame 循环中读取 FFT 值,经 AudioReactiveMapper 提取频段并归一化后映射到元素样式或 Three.js 材质属性;节拍触发可用检测器配合 BeatFlash/BeatPop 等类。代码示例展示了 class 与 React Hook 两种组织方式。
适用场景:网页音频可视化、音乐播放器动效、Three.js/R3F 场景随音乐律动、后处理强度随音频变化、GSAP 时间轴由音频驱动。
限制:资料未提供安装命令、依赖版本、浏览器兼容性、收费与定价信息,暂未提供;未说明性能基准与完整 API 参考,部分类(如 BeatDetector、Smoother)仅在使用中出现,未给出完整定义。