La première partie de cette procédure est la même pour chaque fournisseur de streaming. Après cette première configuration, il existe une partie spécifique dédiée à l'affichage des titres des chansons, qui est différente selon votre service de streaming.
TRÈS INFORMATION IMPORTANTE
Il est impossible de lire un flux "HTTP" via un flux "HTTPS". Si votre site Web utilise HTTPS, votre URL de diffusion doit également être en HTTPS. Il ne s'agit pas d'une limitation de thème, est une nouvelle mesure de sécurité désormais adoptée par tous les navigateurs et appareils modernes.
Comment créer une chaîne radio
Étape 1 : Découvrez l'URL de votre diffusion radio. Si vous ne le savez pas encore, veuillez consulter la page dédiée à votre type de streaming spécifique pour plus d'informations
Étape 2 : dans votre administrateur WordPress, accédez à Chaînes radio > Ajouter une nouvelle chaîne
Étape 3 : entrez le nom de la chaîne radio, et éventuellement les genres musicaux (sont comme des balises)
Facultativement, ajoutez une description du contenu de la chaîne radio, qui sera visible lors de l'ouverture de la page unique de la chaîne radio.
Si vous souhaitez modifier cette page à l'aide d'Elementor, vous devez activer le type de publication "Chaînes radio" dans les paramètres d'Elementor
Étape 4 : ajoutez éventuellement l'attribut Commande. Ce paramètre modifiera l'ordre dans la Playlist au sein des chaînes radio de votre playlist.
Détails de la chaîne radio
Étape 1 : définissez votre type de serveur. C'est une information que vous devriez déjà connaître. Si ce n'est pas le cas, veuillez demander à votre fournisseur de streaming.
Si votre fournisseur vous permet de choisir entre les formats Icecast et Shoutcast, nous vous suggérons d'utiliser Icecast en raison de sa compatibilité HTTPS native.
Étape 2 : URL du flux MP3/OGG/AAC : l'URL de votre flux (voir les sections dédiées à chaque fournisseur pour plus d'informations).
Veuillez noter que si votre site Web est en HTTPS, votre URL de streaming doit également être en HTTPS.
Étape 3 : URL de flux MP3/OGG/AAC mobile. Cette URL sera automatiquement utilisée si le lecteur détecte un appareil mobile. Certains fournisseurs de streaming permettent de définir 2 mitrates différents, accessibles depuis 2 URL distinctes.
Pour les mobiles, vous pouvez utiliser 64 ou 96 kbit/s, tandis que pour les ordinateurs de bureau, 128 - 320 kbit/s conviennent également.
Étape 3 : Sous-titre radio. Sera utilisé à la place du nom de l'artiste, s'il est manquant.
Étape 4 : Logo de la radio. Vous devez télécharger un logo en PNG avec un fond transparent qui sera utilisé comme titre de page pour la page radio unique. Il sera également utilisé dans les Radio Cards : un widget Elementor pour imprimer une minuscule carte jouable contenant le logo de la radio et le bouton Play, sur un arrière-plan personnalisé.
Étape 5 : Icône du lecteur : image carrée, taille suggérée 600 x 600 px, qui sera utilisée dans le lecteur lors de la lecture de cette chaîne.
Vue mobile :
Affichage du bureau :
Étape 6 : Exclure de la liste de lecture - cette option permet de masquer une chaîne de radio du lecteur sans la supprimer. Si vous cochez cette case, la chaîne sera toujours disponible via un shortcode ou une seule page, mais ne sera pas préchargée dans la playlist de la barre du lecteur.
Utiliser le proxy : cette option implique uniquement l'accès aux titres des chansons et modifie l'appel Ajax en une connexion côté serveur pour lire les titres des chansons de votre fournisseur de streaming. C'est nécessaire lorsque votre fournisseur de streaming a des paramètres MAUVAIS CORS (partage de ressources d'origine croisée), ce qui signifie que votre fournisseur de streaming vous empêche de lire les titres.
Quand utiliser le proxy :
Si vous êtes sûr d'avoir configuré correctement les paramètres de diffusion et que les titres n'apparaissent toujours pas (voir les chapitres suivants pour la configuration des titres), vous devez vérifier la console du navigateur
Pour ouvrir la console du développeur dans Google Chrome, ouvrir le Chrome dans le coin supérieur droit de la fenêtre du navigateur et sélectionnez Plus d'outils > ; Outils de développement. Vous pouvez également utiliser le raccourci Option + ⌘ + J (sous macOS) ou Maj + CTRL + J (sous Windows/Linux).
Si vous voyez une erreur disant
"XMLHttpRequest ne peut pas charger http://.........../. L'origine [URL DE VOTRE SITE] n'est pas autorisée par Access-Control-Allow-Origin."
Cela signifie quevotre fournisseur de radio empêche les sites Web externes de lire les titres. Ce n'est pas un bug de thème, c'est un problème de votre fournisseur de radio, qui a de mauvais paramètres de serveur.
Notre proxy interne essaie de contourner le problème, même si ce n'est pas très recommandé et peut toujours être bloqué par vos propres paramètres de serveur.
Le proxy convertit la connexion établie via javascript en une connexion établie via PHP à votre fournisseur de streaming.
Donc, si votre fournisseur de streaming a une URL comme
http://someurl.com:9374
IMPORTANT : si votre flux radio est sur des ports alternatifs, comme 8000, ou tout autre port comme 1234 (vous verrez votre URL contenant par exemple " : 5274"), le proxy ne peut fonctionner que si votre serveur ne bloque PAS le connexions.
Pour utiliser le proxy, vous devez demander à votre fournisseur d'hébergement de site Web d'activer la connexion à l'URL http://someurl.com et au port 9374 (ou tout autre port que vous utilisez).
Ceci n'est PAS un proxy audio, ne fonctionne que sur l'appel des titres de chansons json.
Si le proxy ne fonctionne pas pour vous, ou si vous voyez une erreur de console "caractère inattendu à la ligne…<" cela signifie que votre serveur est bloquer les appels proxy.
Il n'y a que 2 solutions :
- Demandez à votre fournisseur de streaming d'activer le CORS < /a> (et désactiver le proxy) OU
- Demandez à votre fournisseur d'hébergement Web d'autoriser la connexion sur votre numéro de port de streaming spécifique.
L'utilisation du proxy n'est pas toujours une bonne idée : c'est une solution de contournement pour contourner un problème causé par votre fournisseur de streaming et le déplacer vers votre fournisseur d'hébergement. Le proxy peut augmenter considérablement votre bande passante consommée et l'utilisation du serveur CPU.
C'est un peu comme si la porte de votre maison était bloquée et que vous essayiez d'entrer par le chemin. Est une porte dérobée, pas une solution.
En outre, si un fournisseur a les autorisations CORS désactivées, n'est généralement pas un fournisseur professionnel, et vous voudrez peut-être en trouver un meilleur.
Instructions spécifiques au serveur
Dans les chapitres suivants, vous trouverez les instructions exactes pour afficher le titre de la chanson et le nom de l'artiste sur le lecteur et d'autres parties du site Web, pour tout type de fournisseur de streaming pris en charge.
