Local Beat

Offline zene- és hangoskönyv-lejátszó, amely a böngészőből telepíthető. A saját fájlok az eszközön maradnak, fiók és előfizetés nélkül. Én terveztem és fejlesztettem.

Kiadott2026

Weboldal megnyitása

Local Beat - Látványterv táblagépen és telefonon

1 / 7

Eszközös látványtervek és nyilvános weboldalak képernyőképei 2026 októberéből. Az oldalak a közreműködésem utáni módosításokat is tartalmazhatnak.

Áttekintés

A Local Beat a felhasználó saját zenéit és hangoskönyveit játssza le. A fájlok az eszközről kerülnek importálásra, a böngészőben tárolódnak és offline is elérhetők, lejátszási listákkal, teljes képernyős lejátszóval és a zárolási képernyőről való vezérléssel. Ez egy progresszív webalkalmazás: a Safariból vagy a Chrome-ból a kezdőképernyőre téve natív alkalmazásként nyílik meg.

A feladat

A helyi hangfájlok egyszerű rendezése és lejátszása telefonon, offline és zárolt képernyővel, szerver és fiók nélkül.

Az én munkám

React alapú PWA-t készítettem, amely a hangfájlokat, borítókat és lejátszási listákat IndexedDB-ben tárolja, és csak az alkalmazás vázát gyorsítótárazza. Importáláskor kiolvassa a metaadatokat és a borítókat, a lejátszó pedig a Media Session API-val kezeli a zárolási képernyős és fülhallgatós vezérlést.

Eredmények

Korlátlan lejátszási lista fájlok és teljes mappák importálásával
Teljes képernyős és mini lejátszó keveréssel, ismétléssel és zárolási képernyős vezérléssel
Hangoskönyvtár fejezetekkel és hallgatási előrehaladással
Telepíthető offline alkalmazás; a zene sosem hagyja el az eszközt

Telepítse natív alkalmazásként

Ez egy progresszív webalkalmazás (PWA). Tegye a telefon kezdőképernyőjére: teljes képernyőn nyílik meg, mint egy natív alkalmazás, alkalmazásbolt nélkül, és offline is működik.

iPhone és iPad: nyissa meg az oldalt a Safariban, koppintson a Megosztás, majd a Főképernyőhöz adás lehetőségre.
Android: nyissa meg az oldalt a Chrome-ban, nyissa meg a menüt, és koppintson az Alkalmazás telepítése vagy a Hozzáadás a kezdőképernyőhöz lehetőségre.