SoundBoardio: GitHub 驱动的音效板

Source: Dev.to

将你的 GitHub 仓库变成可分享的声卡。配置简单，支持 PWA，完全免费。

恰到好处的音效往往胜过千言万语。无论你是在 Discord 上和朋友闲聊，还是想在在线通话中活跃气氛，合适的音效都能起到奇效。

The idea

在一次深夜通话中，有人需要一段完美的电影台词。我们手头有 MP3…于是想到了：为什么这不直接是一个 GitHub 仓库呢？
这一次灵感催生了 SoundBoardio —— 一个让社区自行创建声卡的应用。

👉

What it is

• 一个平台，你可以浏览现成的声卡（例如《低俗小说》中的经典场景）或自行构建。
• 你的 GitHub 仓库 就是声卡——无需额外的仪表盘，也不需要额外的托管。
• 因为声卡仅是音频文件加上配置文件，它们天然适合放在版本控制中。

Benefits of using GitHub

• 版本管理
• 可 Fork
• 所有权归属
• 零供应商锁定
• 通过 git push 即可即时发布

Creating a board

1. 创建一个公开的 GitHub 仓库（命名为 soundboardio‑）。
2. 添加你的音频文件（台词、表情包、内部笑话）。
3. 添加一个简易的 soundboardio.json 配置文件。
4. 推送更改。

就这么简单——不需要 Netlify、Vercel、Supabase、Firebase 项目配置，也不需要构建步骤。如果仓库是公开的，它就能直接工作。

Repository structure

username/soundboardio-myboard
├── soundboardio.json       # Board configuration
├── sounds/                 # Your sound files
│   ├── helloworld.mp3
│   ├── perfect.mp3
│   └── amazing.mp3
└── icons/                  # PWA icons (optional)
    ├── icon-192x192.png
    ├── icon-512x512.png
    └── og-image.jpg

仓库准备好后，部署流程就只有：

push → live

Features

• 零配置部署 – 推送到 GitHub，应用会立即在逻辑 URL 上上线。
• 可安装（PWA） – 将任意声卡添加到移动端或桌面，像原生应用一样使用。
• 单独分享音效 – 每个音效都有独立的 URL，便于分享。
• 键盘控制 – 按下分配的键即可即时播放。
• 垄断模式 – 允许音效重叠或设置为相互打断。
• 暗黑模式 & 可访问性 – 白天黑夜都好看，且考虑了可访问性需求。

Technology

• 使用 SvelteKit 构建。
• 从 GitHub 获取公开仓库并动态解析。
• Firebase 仅作为轻量级基础设施胶水使用，并非每个声卡的后端。
• 每个声卡都被视为纯数据；通用渲染引擎读取这些仓库。

Cost & Community

该应用完全免费。为覆盖运营成本，仅会展示低调的广告。

我们期待你创建声卡、加入我们的 Discord、留下评论、提出新功能建议、分享作品或报告 bug。

Get started

前往 soundboardio.com，组装你的第一个声卡，制造噪音吧！ 🔊

Useful links

• Simple docs
• Example repo