Sur un site de webradio, un changement de page ne devrait pas interrompre l’écoute. Pour Amplitudes Radio et Carte Blanche, Brumisphère a développé une navigation WordPress avec lecteur audio persistant, capable de continuer la diffusion pendant que l’internaute explore les émissions, les articles ou les événements.
Le défi : naviguer sans couper le direct
Le fonctionnement classique d’un site recharge entièrement chaque page. Le lecteur audio est alors détruit puis recréé, ce qui interrompt le flux et oblige parfois l’auditeur à relancer la lecture. Pour une radio en ligne, cette rupture nuit directement à l’expérience et à l’engagement.
Les objectifs étaient clairs :
- maintenir le lecteur et son état pendant la navigation ;
- charger uniquement le contenu qui change ;
- conserver des URL accessibles, partageables et indexables ;
- gérer correctement les scripts et interactions de chaque nouvelle page.
Une navigation PJAX intégrée à WordPress
PJAX combine l’historique du navigateur et des requêtes asynchrones. Lorsqu’un auditeur ouvre une nouvelle page, le contenu principal est récupéré en arrière-plan puis injecté dans l’interface. Le lecteur reste en place et la diffusion continue.
Cette architecture demande davantage qu’un simple effet de transition. Il faut mettre à jour le titre de la page, l’URL, les états de navigation et les scripts associés au nouveau contenu, tout en prévoyant un fonctionnement classique lorsque JavaScript n’est pas disponible.
Deux interfaces adaptées à deux identités
La base technique a été adaptée aux usages et aux univers graphiques de chaque média. Sur Amplitudes Radio, l’auditeur peut passer d’une émission à un article sans perdre le direct. Sur Carte Blanche, la navigation accompagne la découverte de la scène culturelle bordelaise tout en maintenant la playlist en cours.
Une solution maintenable sur WordPress
Les interactions, les animations et les nouveaux composants doivent continuer à fonctionner après chaque chargement PJAX. Le développement a donc été structuré pour pouvoir faire évoluer les sites sans réécrire tout le mécanisme de navigation. Cette approche rejoint notre expertise en TMA et développement WordPress.
Le résultat : une écoute réellement continue
Les visiteurs peuvent parcourir les contenus sans coupure sonore. Le site conserve les avantages éditoriaux de WordPress tout en proposant une expérience proche d’une application. Vous avez un besoin comparable ? Découvrez notre approche de la création de plateformes web sur mesure.
