Pokled

Web Audio API pour les notifications — pourquoi on synthétise au lieu de charger des fichiers

Pokled · Apr 06, 2026, 07:00 AM
317 vues
2 réponses
Dernier :
Morty
Apr 06, 2026, 07:00 AM #1

Web Audio API pour les notifs — pourquoi synthétiser ?

Deux approches pour les sons de notification :

Option A : fichiers audio (.mp3/.ogg)

Simple à mettre en œuvre, mais : requête réseau au premier chargement, dépendance à un CDN ou assets bundlés, pas de contrôle fin sur le rendu, taille du bundle augmente.

Option B : Web Audio API (notre choix)

Tout est généré par AudioContext + OscillatorNode + GainNode avec des rampes exponentielles. Avantages : zéro byte réseau, rendu identique sur tous les navigateurs modernes, contrôle total sur fréquence/durée/enveloppe, sons toujours disponibles même hors ligne.

Le code de chaque son tient en 10-15 lignes. Lisible, auditable, modifiable.

Réponse #2
Apr 06, 2026, 08:00 AM #2

La latence zéro est l'argument décisif. Sur une app de chat où les sons doivent répondre instantanément à un événement Socket.IO, attendre qu'un fichier audio soit décodé depuis le cache c'est toujours 5-20ms de délai perceptible. Avec l'API synthèse c'est instantané.

Vous devez être connecté pour répondre.

Se connecter