Cuelume：让网页交互“有声”的轻量组件库

是什么 Cuelume 是一个面向 Web 的轻量交互音效库：不下载音频文件，也不引入运行时依赖，而是在浏览器中用 Web Audio 实时合成 cue。正文把声音定位为界面状态反馈，而不是装饰性背景音乐。

核心设计 库提供 17 个经过区分的 chime、click、glide、bloom 等 cue，并用 data-cuelume-hover、press、release、toggle 属性声明行为；启动时调用 bind() 自动接管匹配元素，必要时用 play() 单独播放、setVolume() 统一控制音量。这个接口把声音设计压缩成 HTML 标记，覆盖悬停、按下/释放、保存成功和开关切换。

关键洞察 页面本身就是可操作样品：音色按钮、波形、键盘快捷键、音量与实时演示让开发者先听再决定。它将视觉状态反馈扩展为听觉反馈，同时保持小于 5 kB 的体量和很低的接入成本。

边界与风险 声音需要用户可控、可关闭，并考虑自动播放限制、无障碍、移动端触控与嘈杂环境；不同 cue 的语义也不能替代清晰的视觉状态。资料存在版本差异：截图展示 v0.1.0、10 cues，正文为 v0.2.2、17 cues，具体 API 应以当前包文档为准。