Local Beat

Офлайн-плеєр для музики й аудіокниг, який встановлюється з браузера. Ваші файли залишаються на пристрої, без акаунтів і підписок. Я спроєктував і створив застосунок.

Випущено2026

Відкрити сайт

Local Beat - Макет на планшеті й телефоні

1 / 7

Макети на пристроях і скриншоти публічних сайтів за жовтень 2026 року. Сайти можуть містити зміни, внесені після моєї участі.

Огляд

Local Beat відтворює музику й аудіокниги, які вже є в користувача. Файли імпортуються з пристрою, зберігаються в браузері й доступні офлайн: плейлисти, повноекранний плеєр і керування з екрана блокування. Це прогресивний вебзастосунок: додайте його на головний екран із Safari чи Chrome, і він відкриватиметься як нативний.

Завдання

Зробити так, щоб локальні аудіофайли було легко впорядковувати й слухати на телефоні: офлайн і з заблокованим екраном, без сервера й акаунта.

Що я зробив

Я створив PWA на React, який зберігає аудіо, обкладинки й плейлисти в IndexedDB, а кешує лише оболонку застосунку. Під час імпорту він зчитує метадані треків і обкладинки, а плеєр використовує Media Session API для керування з екрана блокування й навушників.

Результат

Необмежена кількість плейлистів з імпортом файлів і цілих папок
Повноекранний і міні-плеєр із перемішуванням, повтором і керуванням з екрана блокування
Бібліотека аудіокниг із розділами й прогресом прослуховування
Застосунок, що встановлюється й працює офлайн; музика не залишає пристрій

Встановіть як нативний застосунок

Це прогресивний вебзастосунок (PWA). Додайте його на головний екран телефона: він відкриватиметься на весь екран, як нативний застосунок, без магазину застосунків, і працюватиме офлайн.

iPhone та iPad: відкрийте сайт у Safari, натисніть «Поділитися», а потім «На початковий екран».
Android: відкрийте сайт у Chrome, відкрийте меню й натисніть «Установити застосунок» або «Додати на головний екран».