Documentation et Tutoriels - Hébergement Web Caramania.Ca

MediaCP propose plusieurs widgets et outils pour intégrer votre webradio sur votre site web. Offrez à vos visiteurs la possibilité d'écouter votre radio directement depuis votre site.

Accéder aux widgets

1. Connectez-vous à MediaCP
2. Cliquez sur 'Widgets' dans le menu principal
3. Parcourez les différents widgets disponibles

Lecteur audio intégré

Le widget principal est le lecteur audio qui permet à vos visiteurs d'écouter votre webradio :

1. Sélectionnez 'Lecteur audio' dans les widgets
2. Choisissez le style du lecteur (compact, standard, large)
3. Personnalisez les couleurs pour correspondre à votre site
4. Activez ou désactivez les options (pochette, historique, volume)
5. Copiez le code d'intégration généré

<iframe src="https://stream.exemple.com/public/votre-radio/embed" 
        width="300" 
        height="150" 
        frameborder="0" 
        scrolling="no">
</iframe>

Widget 'En cours de lecture'

Affichez le titre en cours sur votre site :

• Affiche le titre et l'artiste du morceau en cours
• Mise à jour automatique en temps réel
• Personnalisation du style CSS possible

<script src="https://stream.exemple.com/public/votre-radio/nowplaying.js"></script>
<div id="nowplaying"></div>

Widget historique de lecture

Affichez les derniers morceaux diffusés :

1. Sélectionnez le widget 'Historique'
2. Choisissez le nombre de morceaux à afficher
3. Personnalisez l'apparence
4. Copiez et collez le code sur votre site

Widget compteur d'auditeurs

Montrez à vos visiteurs combien de personnes écoutent en direct :

<script src="https://stream.exemple.com/public/votre-radio/listeners.js"></script>
<span id="listener-count"></span> auditeurs en direct

Lien d'écoute direct

Pour permettre l'écoute dans un lecteur externe :

Stream direct : http://stream.exemple.com:8000/stream
Playlist M3U : http://stream.exemple.com:8000/stream.m3u
Playlist PLS : http://stream.exemple.com:8000/stream.pls

Page publique de votre radio

MediaCP génère automatiquement une page publique pour votre webradio :

• URL : https://stream.exemple.com/public/votre-radio
• Lecteur intégré avec pochettes
• Historique des derniers morceaux
• Liens de partage sur les réseaux sociaux

Personnaliser votre page publique

1. Allez dans 'Configuration' → 'Page publique'
2. Uploadez votre logo
3. Ajoutez une description de votre radio
4. Personnalisez les couleurs du thème
5. Ajoutez vos liens réseaux sociaux
6. Enregistrez les modifications

Intégration WordPress

Pour intégrer le lecteur dans WordPress :

1. Copiez le code iframe du widget
2. Dans WordPress, éditez la page ou l'article souhaité
3. Passez en mode 'HTML' ou 'Code'
4. Collez le code iframe
5. Publiez ou mettez à jour la page