add-sfx by remotion-dev/remotion
npx skills add https://github.com/remotion-dev/remotion --skill add-sfx音效必须首先添加到 remotion.media 仓库。该仓库中的 generate.ts 文件是权威来源。音效必须先存在于该仓库,然后才能添加到 @remotion/sfx。
音效必须满足以下条件:
remotion.media 仓库(必须首先完成)在 remotion-dev/remotion.media 仓库中:
将 WAV 文件添加到仓库根目录
在 generate.ts 文件的 soundEffects 数组中添加一个条目:
{
fileName: "my-sound.wav",
attribution:
"Description by Author -- https://source-url -- License: Creative Commons 0",
},
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
运行 bun generate.ts 将其复制到 files/ 目录并重新生成 variants.json
部署
packages/sfx/src/index.ts变量名使用 camelCase 格式。避免使用 JavaScript 保留字(例如,使用 uiSwitch 而不是 switch)。
export const mySound = 'https://remotion.media/my-sound.wav';
packages/docs/docs/sfx/<name>.mdx 创建文档页面遵循现有页面的模式(例如 whip.mdx)。包括:
image、title(camelCase 导出名称)、crumb: '@remotion/sfx' 的 Frontmatter<AvailableFrom> 标签<PlayButton> 的导入和使用@remotion/media 的 <Audio> 组件的示例代码afinfo 获取持续时间/格式)packages/docs/sidebars.ts — 在 @remotion/sfx 类别项目中添加 'sfx/<name>'packages/docs/docs/sfx/table-of-contents.tsx — 添加一个带有 <PlayButton size={32}> 的 <TOCItem>将新的 URL 添加到 packages/skills/skills/remotion/rules/sfx.md 的列表中。
cd packages/sfx && bun run make
| 文件名 | 导出名称 |
|---|---|
my-sound.wav | mySound |
switch.wav | uiSwitch(保留字) |
page-turn.wav | pageTurn |
使用 packages/core/src/version.ts 中的当前版本。对于文档中的 <AvailableFrom>,将补丁版本号增加 1。
每周安装量
182
仓库
GitHub 星标
40.6K
首次出现
2026年2月24日
安全审计
安装于
codex160
opencode159
cursor159
gemini-cli158
amp158
kimi-cli158
Sound effects must first be added to the remotion.media repository. The source of truth is generate.ts in that repo. A sound effect must exist there before it can be added to @remotion/sfx.
Sound effects must be:
remotion.media repo (must be done first)In the remotion-dev/remotion.media repo:
Add the WAV file to the root of the repo
Add an entry to the soundEffects array in generate.ts:
{
fileName: "my-sound.wav",
attribution:
"Description by Author -- https://source-url -- License: Creative Commons 0",
},
Run bun generate.ts to copy it to files/ and regenerate variants.json
Deploy
packages/sfx/src/index.tsUse camelCase for the variable name. Avoid JavaScript reserved words (e.g. use uiSwitch not switch).
export const mySound = 'https://remotion.media/my-sound.wav';
packages/docs/docs/sfx/<name>.mdxFollow the pattern of existing pages (e.g. whip.mdx). Include:
image, title (camelCase export name), crumb: '@remotion/sfx'<AvailableFrom> tag with the next release version<PlayButton> import and usage@remotion/media's <Audio> componentafinfo on macOS to get duration/format)packages/docs/sidebars.ts — add 'sfx/<name>' to the @remotion/sfx category itemspackages/docs/docs/sfx/table-of-contents.tsx — add a <TOCItem> with a <PlayButton size={32}>Add the new URL to the list in packages/skills/skills/remotion/rules/sfx.md.
cd packages/sfx && bun run make
| File name | Export name |
|---|---|
my-sound.wav | mySound |
switch.wav | uiSwitch (reserved word) |
page-turn.wav | pageTurn |
Use the current version from packages/core/src/version.ts. For docs <AvailableFrom>, increment the patch version by 1.
Weekly Installs
182
Repository
GitHub Stars
40.6K
First Seen
Feb 24, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
codex160
opencode159
cursor159
gemini-cli158
amp158
kimi-cli158
Transloadit 云端媒体处理 | 视频编码、图像优化、音频转码、OCR 文档
7,800 周安装
Elasticsearch 审计日志配置指南:启用、管理与安全事件监控
239 周安装
Node.js依赖更新技能bump-deps:智能提示Major更新,自动应用Minor/Patch更新
229 周安装
Encore API 端点开发指南:TypeScript API 创建与配置教程
230 周安装
Claude AI 与 Claude Code 能力对比参考 - 最新功能、限制与使用指南
230 周安装
前端XSS漏洞扫描器 - React/Vue/Angular/JavaScript代码安全检测工具
236 周安装
WCAG无障碍审计与测试工具 - 自动化扫描与手动验证,确保网站可访问性合规
234 周安装