La documentation principale pour les développeurs de widgets d'écoute est disponible ici.
Si votre widget Live Audio est présent sur plusieurs pages de votre site Web, vous pouvez utiliser AJAX (Javascript et XML asynchrones) pour vous assurer que vous auditeurs disposent d'une expérience audio fluide et permanente lorsqu'ils passent d'une page à une autre. (Sans AJAX, les widgets Live Audio se rechargent à chaque fois que l'auditeur passe d'une page à une autre, ce qui peut provoquer des interruptions pendant que le flux se rétablit.)
AJAX est un ensemble de techniques flexibles pour charger le contenu d'une page en arrière-plan, de manière asynchrone. Il fonctionne en découplant la couche d'échange de données de la page de la couche de présentation. Les développeurs accomplis peuvent trouver un certain nombre de façons différentes de garantir la permanence du widget d'écouteTriton Digital. Cet article ne doit donc pas être considéré comme une solution unique. Il ne s'agit que d'une voie possible qui doit être considérée comme une indication dans vos efforts de développement.
Cette description et exemple considère que votre site Web est compatible avec AJAX. Pour obtenir plus d’informations concernant la création d’un site Web compatible avec AJAX, révisez les liens « Ressources » présents au bas de cette page.
Définir une région permanente
La solution la plus simple consiste certainement à créer un bloc d'en-tête permanent et d'insérer le widget Live Audio dans ce bloc. Lorsque l'auditeur change de page, le bloc d'en-tête reste en place (c'est-à-dire qu'il ne se recharge pas et n'interrompt donc pas le flux).
Le code de structure de la page montre un exemple très simple d'une telle configuration. Il a un bloc d'en-tête permanent qui contient un en-tête <h1> un widget Live Player et une barre de navigation. Sous le bloc d'en-tête permanent, on trouve le contenu non permanent d'une page classique.
<html>
<head>
<title>Simple Persistent Header Page</title>
</head>
<body>
<header class="your_persistent_header">
<h1>My Excellent Persistent Header</h1>
<div class="persistent_audio_widget">
<widget-audio></widget-audio>
</div>
<nav>
<ul>
<li><a href="home.php">Home</a></li>
<li><a href="blog.php">Blog</a></li>
<li><a href="contact.php">Contact</a></li>
</ul>
</nav>
</header>
<div id="your_page_content_wrapper">
<p>This is where the rest of the page content goes…</p>
</div>
</html>Veuillez noter que le widget Historique des morceaux peut être permanent ou non. Dans les deux cas, cela n'affecte pas le flux.
Ressources
Les ressources ci-dessous peuvent vous guider pour créer un site compatible avec AJAX.
Général
AJAXify (GitHub) https://github.com/browserstate/ajaxify
history.js (GitHub) https://github.com/browserstate/history.js/
Better AJAXify (GitHub) https://github.com/chemerisuk/better-ajaxify
Wordpress
AJAXify Word Press https://wordpress.org/plugins/ajaxify/
Advanced AJAX Page Loader https://wordpress.org/plugins/advanced-ajax-page-loader/
Drupal
Pages Drupal AJAX https://www.drupal.org/project/ajax_pages