Cuelume 是一个精心设计的音效库,而不是音频引擎。它可以为按钮、链接、切换按钮和完成的操作提供明确的反馈,而无需让开发人员进行特殊设计。
Cuelume 是一个精心设计的音效库,而不是音频引擎。它可以为按钮、链接、切换按钮和完成的操作提供明确的反馈,而无需让开发人员进行特殊设计。
为 Web 设计了 17 个精心编制的交互音效。使用 Web Audio 实时合成,不需要音频文件,也不存在运行时依赖。
Cuelume 是一个精心设计的音效库,而不是音频引擎。它为按钮、链接、切换按钮和完成的操作提供明确的反馈,无需开发者自己设计音效。添加一个属性,调用 bind() 即可完成。
npm install cuelumeCuelume 仅支持 ESM。通过原生 import 或与 ESM 兼容的打包工具使用它;不支持 CommonJS require()。
它针对使用 ES 模块和 Web Audio API 的现代浏览器。服务器端导入是安全的,但声音播放只能在浏览器中运行。
将数据属性添加到标记中:html Save Docs Dark mode Launch 然后一次性连接所有内容:```ts
import { bind } from "cuelume";
bind();
|属性|触发时间|默认声音|`data-cuelume-hover`|`pointerenter`|`chime`|`data-cuelume-press`|`pointerdown`|`press`|`data-cuelume-release`|`pointerup`|`release`|`data-cuelume-toggle`|`click`|`toggle`|将属性值设置为空以使用默认值,或者将其设置为任何声音名称。|需要声音设置吗?您的应用拥有设置;Cuelume仅应用它们:ts
import { setEnabled, setVolume } from "cuelume";
setVolume(0.7); // global multiplier, clamped to 0–1 setEnabled(false); // future play attempts become no-ops setEnabled(true); // enable playback again
Cuelume 启动时以全音量播放,且不会读取或写入存储。暂无开放 Issues,或尚未同步最近议题。