WebRadio.Tools

Animation, Production, Techniques & Gestion => Développement => Discussion démarrée par: Bahanos le 19 Février 2018 à 00:30:24

Titre: Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Bahanos le 19 Février 2018 à 00:30:24
(https://webradio.tools/index.php?action=dlattach;topic=33.0;attach=16;image)
A PROPOS DU PLAYER / ABOUT THE PLAYER
Le player "Série Tutos" est un player totalement personnalisable pour le faire correspondre aux couleurs et à l'apparence de votre radio. / The player "Série Tutos" is a fully customizable player to match the colors and look of your radio.


(https://webradio.tools/index.php?action=dlattach;topic=33.0;attach=18;image)     LE MEILLEUR PLAYER ? / THE BEST PLAYER ?
Pourquoi notre player est le meilleur ? / Why our player is better?

INSTALLATION EN 1 MINUTE / INSTALLATION IN 1 MINUTE
Le player est configuré et installé en moins de 1 minute sur votre site internet. / The player is configured and installed in less than 1 minute on your website.

TOTALEMENT PERSONNALISABLE / TOTALLY CUSTOMIZABLE
Votre logo, vos couleurs, vos images : personnalisez le player aux couleurs de votre radio. / Your logo, your colors, your images: customize the player with the colors of your radio.

COMPATIBLE AVEC TOUTES LES PLATEFORMES / COMPATIBLE WITH ALL PLATFORMS
Ce player est 100% compatible avec toutes les plateformes (Android/PC/Mac/Os...), il dispose d'un design 100% responsive. / This player is 100% compatible with all platforms (Android / PC / Mac / Os ...), it has a 100% responsive design.

Version actuelle / Current version : 4.2
Créateur / Creator : https://www.freeradioplayer.net
Voir une démo / See a demo : https://demo.webradio.tools/player-mrmazure-v4.2/

Télécharger / Download (https://webradio.tools/index.php?action=dlattach;topic=33.0;attach=51)
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: RadioSkyMusic le 19 Février 2018 à 06:33:15
Bonjour,
J'utilise le Player de Thomas, qui me donne entière satisfaction.
Vous pouvez voir le résultat ici http://radioskymusic.com (http://radioskymusic.com)
Combiné avec l'API de WebRadio Tools, c'est parfait.
Et en plus Thomas répond sans problème si on rencontre un petit soucis... ;)

Jacky
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: mrmazure le 21 Février 2018 à 12:51:49
Merci beaucoup, Bahanos pour ce post ! (J'aurai dû le faire moi, quel feignant je suis !).

Et merci pour ton investissement dans celui-ci et pour ton super .api

Une belle équipe. :D
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: web84 le 07 Mars 2018 à 16:41:22
Bonjour,

Je l'utilise juste modifier pour les couleurs de ma webradio et avec caramania pour le stream.

Excellent player.

http://www.radiorg30.fr/player/ (http://www.radiorg30.fr/player/)
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: RadioSkyMusic le 07 Mars 2018 à 18:17:44
@web84
Bonjour,

Je vois que l'Artiste et le Titre apparaissent sur deux lignes.
Qu'as tu modifié pour qu'il en soit ainsi ???

Merci.
Jacky
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: web84 le 09 Mars 2018 à 11:27:29
@RadioSkyMusic
Bonjour,

J'ai juste mis un  <br/> au lieu du - dans la ligne
<div id="currentSong"><span id="artist_wrt"></span> <br/><span class="currentTitle"><span id="title_wrt"></span></span></div>

c'est tout simple
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: RadioSkyMusic le 09 Mars 2018 à 17:49:11
Bonjour,

Merci de ta réponse.
Oui effectivement en examinant ton Code j'ai vu le <br />.
Mais tu as également modifié le fichier  "style.css" pour avoir le nom d'artiste avec une police et couleur différentes par rapport au titre, si je ne me trompe pas.... c'est <span class="currentTitle"> que tu as rajouté ???

EDIT pour web84 : C'est bon j'ai trouvé pour le "currentTitle" à rajouter, et ensuite les modifications à faire dans "style.css" et "color.css".
mais comme je l'aie déjà précisé je ne connais rien à la programmation, donc c'est en observant tes fichiers (web84), que j'ai trouvé, alors c'est bien toi, qui m'a aidé  ;) Donc; merci.
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: web84 le 10 Mars 2018 à 06:19:51
@RadioSkyMusic
Bonjour,

Je suis heureux pour toi, si j'ai pu d'aider.

Si dans un futur je peux d'aider encore je serais ravi de le faire...
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: RadioSkyMusic le 10 Mars 2018 à 09:09:21
@web84,
C'est super sympa. C'est fort possible que je puisse avoir besoin d'un peu d'aide dans le futur.

Encore merci. Bon week-end.
Jacky
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: by2k64 le 23 Août 2018 à 04:38:55
Bonjour et félicitation pour ce player, juste une question, comment et par qui est gérée la régie publicitaire sur le payer ?
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Bahanos le 23 Août 2018 à 10:52:45
Vous devez modifier la source du player pour ajouter votre code Google.
Titre: Re : Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: mrmazure le 27 Août 2018 à 09:41:19
Bonjour et félicitation pour ce player, juste une question, comment et par qui est gérée la régie publicitaire sur le payer ?

Salut by2k64, il s'agit de mon code adsense, le player étant 100% gratuit, il s'agit du seul moyen de le "rentabilser". Mais, évidemment je laisse le choix à chacun de supprimer/remplacer mon code.  :D
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: mrmazure le 29 Août 2018 à 04:47:47
NOUVELLE VERSION (4.2)

Salut tout le monde, nouvelle version du player dispo : 4.2. C'est une petite mise à jour qui implémente la nouvelle version de l'API Caramania (3.5.2) de notre ami Bahanos, ce nouvel API trouve beaucoup plus de pochettes (100% dans mes différents essais). Donc ça va faire plaisir à pas mal de monde. :D

(https://scontent.fbru2-1.fna.fbcdn.net/v/t1.0-9/40298085_1976548885700970_2408545706009690112_n.png?_nc_cat=0&oh=41d16ff7aafbbeb0e179c42eaab871ee&oe=5C3A7A47)

Listes des modifications :
- API 3.5.2 beta Caramania.Ca.
- Cette nouvelle version ajoute aussi une miniature personnalisée en cas de partage sur les réseaux sociaux (à voir dans img/social.png).
- Et petite correction d'un bug avec les titrages trop long.

Télécharger : http://player.coolradio.be/dwn/player-mrmazure-v4.2.zip (http://player.coolradio.be/dwn/player-mrmazure-v4.2.zip)
Démo : http://player.coolradio.be/demo/ (http://player.coolradio.be/demo/)

 
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: RadioSkyMusic le 21 Septembre 2018 à 18:15:30
Merci Thomas !!! Comme toujours c'est du super boulot... Toi et Bahanos, vous m'êtes indispensables; à la bonne marche de ma radio.... ;)
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: web84 le 22 Septembre 2018 à 04:42:27
Bonjour,

Thomas, il y a une petite erreur dans ton fichier "audio.js", tu as écris la variable n="TURE" ou lieu n="TRUE", ce n'est pas vraiment génant mais juste en cas où.

Bonne journée.
Titre: Re : Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: mrmazure le 20 Mai 2020 à 05:27:37
Bonjour,

Thomas, il y a une petite erreur dans ton fichier "audio.js", tu as écris la variable n="TURE" ou lieu n="TRUE", ce n'est pas vraiment génant mais juste en cas où.

Bonne journée.

Wop ! Bien vu, merci de me l'avoir signalé. :) Je vais corriger ça dans la prochaine version.
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Djnebertoze le 07 Juin 2020 à 05:16:16
Bonjour,

J'ai remarqué que la radio ne marche que sur firefox,
J'ai écouter la source de radio dur tout les navigateurs et la source fonctionne.
Cela veut dire qu'il y a un problème avec votre player :-\

J'ai vraiment besoin d'aide car moi-même développeur je ne vois pas d'ou peut venir l'erreur ...

En espérant d'avoir une réponse
Djnebertoze
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Djnebertoze le 07 Juin 2020 à 05:22:16
Voci le lien de ma radio: https://exatium.ml/radio
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Bahanos le 07 Juin 2020 à 19:30:18
Je viens de faire un test avec Firefox ... et cela fonctionne normalement.

Vérifier qu'un plug-in/addon ne bloque pas le lecteur sous Firefox.
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Djnebertoze le 08 Juin 2020 à 09:57:38
Nan vous n'avez pas compris,

La radio marche que sur firefox et safari
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Bahanos le 08 Juin 2020 à 10:48:32
Vous utiliser une redirection pour l'adresse de votre flux audio... https > http

Citer
Mixed Content: The page at 'https://exatium.ml/radio/' was loaded over HTTPS, but requested an insecure element 'http://hydra.shoutca.st:8224/stream'
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Djnebertoze le 08 Juin 2020 à 13:56:35
Et donc ?
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Djnebertoze le 08 Juin 2020 à 13:56:55
Que dois-je faire ?
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Djnebertoze le 08 Juin 2020 à 17:28:53
C'est bon, j'ai juste pris une autre adresse de transmission qui elle est en https

En tout cas merci :)
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Djnebertoze le 08 Juin 2020 à 17:33:10
mais par contre maintenant y a plus rien de marqué à la place des infos sur la musique en cours
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Bahanos le 09 Juin 2020 à 11:27:33
Vous ne pouvez pas charger un flux audio HTTP sur une page HTTPS pour des raisons de sécurité.

Vous devez utiliser un serveur icecast/shoutcast en HTTPS ou utiliser un proxy HTTPS.
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Djnebertoze le 11 Juin 2020 à 04:49:56
Et pour les titres ?
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Bahanos le 11 Juin 2020 à 10:46:02
cela s'applique à tout les requêtes HTTP > HTTPS.

Si vous utiliser l'api en mode HTTP comme pour votre serveur streaming ... le titre est bien envoyé par votre serveur > https://api.3.5.2.webradio.tools/hydra.shoutca.st:8224/stream
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Djnebertoze le 15 Juin 2020 à 14:28:09
Et donc ?
Que dois-je faire ?
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Bahanos le 17 Juin 2020 à 17:18:33
Votre fournisseur doit vous fournir un flux/serveur sécurisé SSL ou utiliser le proxy WebRadio.Tools
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Djnebertoze le 19 Juin 2020 à 05:32:13
Oui mais la le https marche et on l'entend partout. Sauf que l'api ne fonctionne plus :/
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Bahanos le 19 Juin 2020 à 10:28:57
Vous ne pouvez pas "contacter" une page ou un flux HTTP via une page en HTTPS pour des raisons de sécurité....

Si vous allez sur votre serveur en HTTPS, vous allez voir que cela ne fait rien ...  https://hydra.shoutca.st:8224/stream
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Djnebertoze le 22 Juin 2020 à 11:02:29
Le problème pour la radio en https est réglée !
Mais maintenant c'est votre api qui ne marche pas !!
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Bahanos le 22 Juin 2020 à 12:10:25
Je n'arrive toujours pas à accéder à votre serveur en HTTPS. > https://hydra.shoutca.st:8224/stream

Pouvez-vous me donner le lien de la page où vous avez installé l'api?
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Djnebertoze le 23 Juin 2020 à 12:27:11
Mais ce n'est plus le même lien !

https://exatiumradio.radioca.st/stream
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Bahanos le 23 Juin 2020 à 12:41:21
L'api ne reconnaît toujours pas votre serveur comme un serveur Icecast (du a un relais/proxy https) et il utilise shoutcast v1 par défaut.

https://api.3.5.2.webradio.tools/exatiumradio.radioca.st:80/stream

L'api récupère bien  le titre en cours.

"current_song": {
        "artist": "Nirvens",
        "title": "Destination (sXM)",
       
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Djnebertoze le 25 Juin 2020 à 08:19:36
Mais en faite c'est le port qui fait que la page n'est plus en https
Car ce lien: https://exatiumradio.radioca.st/stream marche
Mais pas celui la: https://exatiumradio.radioca.st:80/stream
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Bahanos le 25 Juin 2020 à 09:34:23
le port 80 est pour le protocole HTTP ... le port 443 est pour le protocole https > https://exatiumradio.radioca.st:443/stream
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Djnebertoze le 26 Juin 2020 à 07:28:58
Maintenant il y a un nouveau souci
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Bahanos le 26 Juin 2020 à 09:17:46
Pouvez-vous me donner le lien de la page où vous avez installé l'api?
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Djnebertoze le 27 Juin 2020 à 06:57:22
J'ai pris votre player, l'api je n'est rien fais avec
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Bahanos le 27 Juin 2020 à 10:24:18
Je comprends que vous avez le lecteur ... mais je vais avoir besoin de l'adresse ou est installé l'api/lecteur.
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Djnebertoze le 28 Juin 2020 à 04:39:39
Cela veut dire ?

L'hébergeur de notre site est ******. Et c'est https://******
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Bahanos le 28 Juin 2020 à 10:01:50
... J'ai besoin de l'adresse ou est installer le lecteur/player ... et non l'adresse de votre site web ...
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Djnebertoze le 29 Juin 2020 à 10:37:42
Voici tout nos liens:

Notre hébergeur: https://shoutca.st/
Nos serveur de streaming: http://hydra.shoutca.st:8224 / https://exatiumradio.radioca.st
Les liens de streaming: http://hydra.shoutca.st:8224/stream / https://exatiumradio.radioca.st/stream

C'est tout. Après il y a le lien vers notre Centova Cast mais je ne crois pas que vous en auriez besoin
Titre: Re : Player Radio HTML5 100% Gratuit/Free (Icecast/Shoutcast/Radionomy)
Posté par: Bahanos le 29 Juin 2020 à 10:57:53
Le "Player Radio HTML5" que vous avez téléchargé et installé sur votre site ... j'ai besoin de l'adresse pour voir votre configuration.