Створено додаток, який надає різні інструменти для налаштування аудіо та працює повністю в браузері.
🎧 Чому я це зробив
Мені часто потрібні були швидкі та прості аудіо утиліти. Додати сплеск шуму до треку, повторно тегувати WAV з метаданими з іншого файлу, витягнути обкладинки альбомів, конвертувати формати, обрізати тишу або генерувати чисті PNG хвильових форм.
Існують настільні інструменти (такі як Kid3 або FFmpeg-GUI)… але вони були занадто складні та не зовсім підходили для моїх випадків використання, тому мені доводилося постійно переключати програми.
Отже, я створив Browser Audio Tools: додаток на Bun + TypeScript + React, який запускає ffmpeg локально в Web Worker. Усе залишається на вашій машині.
🔥 Що він може робити
1. Додати шум + з’єднати
Корисно, коли потрібно трохи змінити відбиток треку (наприклад, уникнення автоматичних видалень на платформах, коли ви вже володієте правами).
Рожевий або білий шум
Керування тривалістю та гучністю
Автоматичне об’єднання
Вибір бітрейту на виході
2. Витягти обкладинку
Витягує вбудоване зображення альбому з будь-якого підтримуваного файлу. Зберігає у форматі JPEG.
3. Повторне тегування WAV у MP3
Маєте ідеальний WAV рендер, але метадані тільки в MP3?
Завантажте обидва → додаток копіює всі теги та малюнок → експортує чистий MP3 на 320 кбіт/с.
Чудово для упорядкування метаданих завантажених джерел (yt-dlp, SoundCloud тощо).
4. Конвертувати між форматами
Підтримувані вхідні формати: WAV, FLAC, AIFF, MP3, OGG, …
Підтримувані вихідні формати:
Втрачені: MP3, OGG
Без втрат: WAV, FLAC, AIFF
З параметрами:
Бітрейт
Частота дискретизації
Канали
5. Повторне тегування MP3 (без повторного кодування)
Швидко виправляє ID3v2 теги, Титул, Виконавець, Альбом, Обкладинка та інше.
6. Обрізка аудіо (візуальний інтерфейс)
Виберіть ділянку на хвильовій формі або введіть час вручну.
Опції включають:
Видалення тиші за допомогою silenceremove ffmpeg
Експорт у будь-який підтримуваний формат
Залишити тільки вибрану ділянку
7. Генератор хвильової форми
Створюйте чисті, персоналізовані PNG рендери хвильової форми для вашого треку:
Ширина/проміжок/висота стовпчиків
Непрозорість та колір фону
Попередньо задані кольорові теми
Експортуйте прозорий PNG для накладок
8. Обробка кількох файлів
Пакетне конвертування або пакетне витягування обкладинок. Результати приходять у вигляді ZIP.
Використовує багатопотокове ядро ffmpeg для швидшого виконання кожного файлу.
🛠 Під капотом
Bun + React + TypeScript
@ffmpeg/ffmpeg з багатопотоковим wasm ядром (@ffmpeg/core-mt)
Вся обробка всередині Web Worker
~30 МБ пакет ffmpeg кешується після першого завантаження
Немає бекенду; весь сайт статичний
Якщо ви відкриєте DevTools, ви зможете побачити, як worker ffmpeg виконує всю важку роботу.
🌐 Спробуйте це
👉 Живий додаток: https://ift.tt/8LuZfC3
👉 Репозиторій на GitHub: https://ift.tt/0HbXwuo
💻 Участь
Цей проект має ліцензію MIT і налаштований на легкий запуск локально:
bun install
bun run dev
bun run build
Якщо ви хочете додати інструменти, шаблони, покращення інтерфейсу або складні фільтри, PR вітаються!
🙏 Дякую та що далі
Цей проект має на меті бути сфокусованим, спеціалізованим на аудіо, інструментарієм, а не універсальним конвертером.
Для загальних медіа конверсій, зверніть увагу на чудовий відкритий проект VERT (vert.sh / github.com/VERT-sh/VERT).
Якщо у вас є ідеї для додаткових інструментів, відкрийте питання або просто залиште коментар тут.
Спробуйте, закладкуйте або ставте зірку репозиторію, кожна допомога важлива!
👉 https://ift.tt/0HbXwuo
Щасливої обробки! 🎶
December 8, 2025 at 05:36PM
Залишити відповідь