mcpField
S
sfx-elements

sfx-elements

github.com/crafter-station创意与媒体52685 次安装11 周前更新
代码仓库

关于 sfx-elements

sfx-elements 收录 17 个 CC0 音效，适用于 React 项目及直接使用音频文件的工作流。它同时提供带播放 Hook 的 TypeScript 模块和可下载 MP3，供视频、Agent 与命令行工具使用。

主要功能

  1. 0117 个 CC0 音效
  2. 02适用于 React 的 TypeScript 模块
  3. 03可下载的原始 MP3
  4. 04转场、界面与电影音效包

适用场景

  1. 01为 React 界面添加反馈音效
  2. 02在视频场景切换处加入音效
  3. 03在脚本或 Agent 工作流中使用音频

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/crafter-station/elements --skill sfx-elements

安装后在 Claude Code 中输入/sfx-elements确认已加载。

详细介绍

SFX Elements

17 个 CC0 音效。提供双格式：适用于 React 的 TypeScript 模块，以及适用于视频/Agent 的原始 MP3 文件。

安装（React / Web Audio）

npx shadcn@latest add @elements/sfx-{name}

将音效安装为内嵌 base64 音频的 TypeScript 模块，同时提供 useSound hook 和音效引擎。

安装为原始 MP3（视频 / Agent / CLI）

无需 React。直接下载 MP3：

curl -o {name}.mp3 https://tryelements.dev/sfx/{name}.mp3

适用于 ffmpeg、视频编辑器、Python 脚本或任何能播放音频文件的工具。所有音效均以 audio/mpeg 内容类型提供。

音效

转场（6）
音效时长安装
呼啸声0.57s@elements/sfx-whoosh
呼啸声变体 11.10s@elements/sfx-whoosh-alt1
呼啸声变体 21.56s@elements/sfx-whoosh-alt2
魔法揭晓2.04s@elements/sfx-magic-reveal
反向呼啸声5.85s@elements/sfx-reverse-whoosh
唰声4.08s@elements/sfx-swoosh
UI（6）
音效时长安装
点击1.03s@elements/sfx-click
啵声1.02s@elements/sfx-pop
键盘声8.05s@elements/sfx-keyboard
通知2.12s@elements/sfx-notification
错误0.53s@elements/sfx-error
成功2.54s@elements/sfx-success
电影感（5）
音效时长安装
渐强音4.03s@elements/sfx-riser
快门7.87s@elements/sfx-shutter
故障音2.64s@elements/sfx-glitch
轰鸣4.30s@elements/sfx-boom
持续低音6.82s@elements/sfx-drone

音效包

需求命令
全部 17 个音效@elements/sfx-all
转场音效@elements/sfx-transitions
UI 音效@elements/sfx-ui
电影感音效@elements/sfx-cinematic

用法

import { useSound } from "@/hooks/use-sound";
import { whooshSound } from "@/components/sfx/whoosh";

export function TransitionButton() {
  const { play } = useSound(whooshSound, { volume: 0.5 });
  return <button onClick={() => play()}>Transition</button>;
}

时间安排指南

事件音效时机
文本出现啵声、点击精确帧
场景转场呼啸声、唰声剪切前 100ms
快速剪切唰声剪切前 50ms
戏剧性揭晓魔法揭晓、轰鸣提前 50ms
错误状态错误、故障音揭晓时
成功/部署成功揭晓时
营造紧张感持续低音、渐强音片段开始时

探索所有音效

curl -s https://tryelements.dev/r/sfx-index.json | jq '.sounds[].name'

发现

浏览 https://tryelements.dev/docs/sfx

许可证

所有音效均为 CC0（公有领域）。无需署名。可免费用于商业用途。

评论

支持 Markdown