百科.dev
全部条目在线工具AI 编程趋势榜开源项目技术资讯提交条目
登录
< 返回工具列表
C

cuelume

> 编程语言
开源

Cuelume 是一个精心设计的音效库,而不是音频引擎。它可以为按钮、链接、切换按钮和完成的操作提供明确的反馈,而无需让开发人员进行特殊设计。

1.2K stars0 点赞0 次浏览
访问官网GitHub

工具介绍

Cuelume 是一个精心设计的音效库,而不是音频引擎。它可以为按钮、链接、切换按钮和完成的操作提供明确的反馈,而无需让开发人员进行特殊设计。

Cuelume

为 Web 设计了 17 个精心编制的交互音效。使用 Web Audio 实时合成,不需要音频文件,也不存在运行时依赖。 Cuelume 是一个精心设计的音效库,而不是音频引擎。它为按钮、链接、切换按钮和完成的操作提供明确的反馈,无需开发者自己设计音效。添加一个属性,调用 bind() 即可完成。

安装

bash
npm install cuelume

要求

Cuelume 仅支持 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· 0 开放

查看全部 Issues在 GitHub 打开

暂无开放 Issues,或尚未同步最近议题。

> 标签

TypeScript

暂无评论,来聊聊你的看法吧

> 工具信息

发布日期2026年8月1日
最后更新2026年9月17日
分类编程语言
定价开源

> 相关工具

T
TypeScript
JavaScript 的超集,为前端与全栈提供静态类型
P
Python
通用编程语言,广泛用于 Web、数据与 AI
G
Go
Google 推出的简洁高效系统语言