SuperAPI AI 工具集

sfx-elements

设计与创作

查看项目

更新于 10-15 20:29

技能介绍

SFX Elements 是 Elements 注册表中的音效集合,共 17 个 CC0(公有领域)音效,无需署名,可商用。

用途:为界面或视频添加转场、交互反馈与氛围音效。

主要能力:分三类。转场 6 个(whoosh、whoosh-alt1、whoosh-alt2、magic-reveal、reverse-whoosh、swoosh);UI 6 个(click、pop、keyboard、notification、error、success);电影感 5 个(riser、shutter、glitch、boom、drone)。每个音效标注了时长。

使用方式:React/Web Audio 场景用 npx shadcn@latest add @elements/sfx-{name} 安装,会生成内联 base64 音频的 TypeScript 模块,并附带 useSound hook 与声音引擎。非 React 场景(视频、智能体、CLI)可直接下载 MP3:curl -o {name}.mp3 https://tryelements.dev/sfx/{name}.mp3,适用于 ffmpeg、视频编辑器、Python 脚本等。也可安装合集:@elements/sfx-all、@elements/sfx-transitions、@elements/sfx-ui、@elements/sfx-cinematic。

React 用法示例:从 @/hooks/use-sound 引入 useSound,从 @/components/sfx/whoosh 引入 whooshSound,调用 useSound(whooshSound, { volume: 0.5 }) 得到 play 方法。

时机建议:文字出现用 pop/click(精确帧);场景转场用 whoosh/swoosh(剪切前 100ms);快速剪切用 swoosh(前 50ms);戏剧性揭示用 magic-reveal/boom(前 50ms);错误状态用 error/glitch(揭示时);成功/部署用 success(揭示时);营造紧张用 drone/riser(段落开始)。

发现与浏览:curl -s https://tryelements.dev/r/sfx-index.json | jq '.sounds[].name',或访问 https://tryelements.dev/docs/sfx。

限制:资料未提供音效的具体音质参数、文件体积、浏览器兼容范围或自定义编辑能力,暂未提供。