Field 02 of 07
Continuous background listening that never cuts out.
Proven on :Sydica
Since July 2024
Alexis Kouakou
Start playback: the waveform is built from the real signal.
Drag to reorder
Code Mes Rêves
Alexis Kouakou
The audio service runs in the background: system controls and Bluetooth headsets drive playback.
Triggered from the current track — one track ahead only.
Media Session
Inactive
Lock-screen controls
Play · pause · next · previous
The tracks in this demo are my own: nothing to credit, and the Sydica catalogue stays with its rights holders.
AAC
The mechanism
Téléversement
piste source
API Laravel
transcodage AAC · 3 débits
CDN
segments audio
Cache Isar embarqué
écoute hors ligne
Feed Redis ZSET
stale-while-revalidate
Client
file d'attente · préchargement N+1 · AnalyserNode
Le feed est servi depuis Redis, en ZSET pour le classement et en hash pour les métadonnées, avec une stratégie stale-while-revalidate : on rend immédiatement la version en cache, puis on la rafraîchit en arrière-plan. L'utilisateur ne reste jamais devant un écran vide, et la base n'est pas sollicitée à chaque ouverture.
La piste suivante est mise en tampon avant la fin de la courante, ce qui supprime le silence à la transition. Le catalogue consulté est mis en cache localement dans une base Isar embarquée : l'application reste navigable hors ligne, et les pistes déjà écoutées restent jouables. Le service audio tourne en arrière-plan, ce qui permet aux contrôles système et aux casques Bluetooth de piloter la lecture.
The trade-offs
A technical choice without its cost is not a choice, it is a preference.
The problem
Le streaming pur consomme à chaque écoute et coupe dès que le réseau flanche ; le téléchargement complet occupe le stockage et pose la question des droits.
The options
Streaming pur · téléchargement complet · streaming avec cache local.
What I chose
Streaming avec cache local des pistes déjà écoutées, plafonné et purgé en LRU.
The cost
La première écoute d'un titre reste tributaire du réseau.
The problem
Précharger la piste suivante supprime le silence à la transition, mais sur une file de vingt titres dont l'auditeur n'en écoutera que trois, dix-sept préchargements sont perdus.
The options
Aucun préchargement · une piste d'avance · toute la file.
What I chose
Une seule piste d'avance, déclenchée à 70 % de la piste courante.
The cost
Un saut manuel rapide dans la file ne bénéficie pas du tampon.
The problem
L'AnalyserNode est gratuit mais ne connaît que la portion déjà lue ; une forme d'onde pré-calculée montre tout le morceau mais demande un traitement à l'ingestion et un fichier de plus à servir.
The options
AnalyserNode côté navigateur · forme d'onde pré-calculée côté serveur.
What I chose
AnalyserNode, dessiné au fil de la lecture.
The cost
La forme d'onde n'est pas visible d'emblée sur toute la durée du morceau.
Proof in the code
Extract to be supplied
Extract to be supplied
Code Mes Rêves
Alexis Kouakou