Est-il possible de jouer des flux radio Internet shoutcast avec html5?

StackOverflow https://stackoverflow.com/questions/2229118

Question

Est-il possible de jouer shoutcast (ou certains) Filières radio Internet avec html5?

J'ai code suivant: 

<html>
<body>
<audio src="http://shoutcast.internet-radio.org.uk:10272/" />
</body>
</html>

Je l'enregistrer comme la page HTML et commencer mon navigateur (Google 4.0.249.78 chrome, safary ou FF)

Mais il ne joue pas / travail! (

Et il ne joue pas avec une autre radio internet j'ai essayé de jouer! (

Pourquoi!?! Qu'est-ce que je fais mal?

BTW: à partir de HTML5 (y compris la prochaine génération ajouts encore en développement) 2.6.1 concepts de protocole Les agents utilisateurs peuvent mettre en œuvre une variété de protocoles de transfert, mais cette spécification définit principalement le comportement en termes de HTTP. [HTTP]

La méthode HTTP GET est équivalente à l'action de récupération par défaut du protocole. Par exemple, dans RETR FTP. De telles actions sont idempotents et en toute sécurité, en termes HTTP.

Les codes de réponse HTTP sont équivalentes à des états dans d'autres protocoles qui ont les mêmes significations de base. Par exemple, une erreur « fichier introuvable » est équivalent à un code 404, une erreur de serveur est équivalent à un code 5xx, et ainsi de suite.

Les en-têtes HTTP sont équivalentes à des champs dans d'autres protocoles qui ont le même sens de base. Par exemple, les en-têtes d'authentification HTTP sont équivalentes aux aspects d'authentification du protocole FTP.

Était-ce utile?

La solution

Vous ne pouvez pas le faire avec ShoutCast mais avec Icecast et client Edcast vous pouvez diffuser en direct Vorbis creux tag HTML5 <audio>. Il suffit de pointer à http://your-url.com:port/stream.ogg : p

Autres conseils

Ajoutez un point-virgule à la fin de la demande de http. Il est le protocole indiqué par shoutcast pour remplacer la détection du navigateur. Comme cet exemple: 

<audio controls src="http://shoutcast.internet-radio.org.uk:10272/;"></audio>

HTML5 ne spécifie pas quels formats audio (que ce soit progressif ou continu), le joueur doit prendre en charge. C'est pour le navigateur pour déterminer, en fonction de la demande et la faisabilité de la mise en œuvre. Dans les premières versions, nous avons essayé de préciser quelques codecs et les formats de base que tous les navigateurs doivent supporter, mais chacun des formats possibles que certains fournisseurs de navigateur pour refuser de l'appliquer.

Ce qui suit semble fonctionner dans Safari (4.0.4, WebKit nuit 6531.21.10, r54538, Mac OS X 10.6.2), mais pas Chrome ou Firefox: 

<!DOCTYPE html>
<audio controls src="http://shoutcast.internet-radio.org.uk:10272/"></audio>

(notez que <audio> nécessite une balise de fin dans la sérialisation HTML, il ne peut pas utiliser un style XML étiquette d'auto-fermeture, et je dois inclure controls ou autoplay afin de commencer réellement l'audio)

Ceci est probablement dû au fait que Safari reçoit un soutien pour Shoutcast « gratuitement » car il utilise simplement QuickTime pour gérer toutes les URL audio et vidéo, il est donné, et QuickTime a déjà un soutien pour Shoutcast. Cela peut aussi conduire à quelques bugs étranges, comme la mise en œuvre HTTP de QuickTime est, bien, excentrique , pour le mettre gentiment.

Je vous suggère de classer les bogues demandant le soutien Shoutcast dans les navigateurs qui ne supportent pas. Voici les trackers de bugs pour Firefox (Gecko / Mozilla) , Chrome (chrome) et Safari (si cela arrive de ne pas fonctionner sous Windows, ou quelque chose comme ça).

bien que j'ai vérifié ogg_vorbis stations. J'ai téléchargé une playlist et dans le bloc-notes ouvert, et copier l'URL d'un flux. Donc, si vous voulez tester simplement copier ce fichier à vide et nommez-something.html. 

<!DOCTYPE html>
    <html>
    <head>
    <title>audio testing live stream!</title>
    </head>
    <body>
    <audio controls="controls" autoplay="autoplay" src="http://oggvorbis.tb-stream.net:80/technobase.ogg">
    </audio>
    </body>
</html>

c'est tout!

BB 

<!DOCTYPE html>
<audio controls src="http://baldyradio.com:8010/;"></audio>

Cela fonctionne dans la version de IE9, Sad que le même ne peut pas dire pour FireFox 4!

lire la spécification HTML 5 audio (http://www.w3schools.com/html5/html5_audio.asp) du W3C de contours qui formate (MP3 ou OGG) sont pris en charge par les navigateurs

Qu'est-ce que je ferais est d'avoir un serveur Icecast (non Shoutcast) en continu un MP3 et un flux OGG

en utilisant javascript détectera le type de navigateur - http://www.javascripter.net/faq/browsern .htm

si (le navigateur ne supporte pas HTML5) { imprimer un message - utiliser un nouveau navigateur }

si (le navigateur prend en charge HTML5 et le streaming OGG (liste d'utilisation de W3c)) { utiliser le flux OGG à partir du serveur Icecast dans la balise SRC }

si (le navigateur prend en charge le streaming MP3 HTML5 (liste utilisation du W3C)) { utiliser le flux MP3 à partir du serveur Icecast dans la balise SRC }

Je pense que cela couvrirait tous les principaux navigateurs et résoudrait la plupart des problèmes des peuples vous trouverez probablement dans l'avenir, ce sera redondant comme support d'autres navigateurs 

<audio controls src="http://example.com:8000/mountpath;"></audio>

Les messages ci-dessus donnent la bonne réponse, allthough ils ne mentionnent pas l'utilisation du slash . Assurez-vous que /;. est là après l'URL du flux et le port 

<audio src="http://shoutcast.internet-radio.org.uk:10272/;" />

Eh bien, Firefox et Opera ne prennent pas en charge les codecs non-libres tels que mp3 (comme l'Opera 10.5 alpha, FF 3.5 et prend en charge plus tard seulement PCM WAV et Ogg Vorbis pour l'audio). Je crois que Chrome et Safari ne prennent en charge MP3, cependant.

Le problème suivant est que votre URL semble pointer vers une page Web décrivant le flux, et non pas à un cours d'eau.

Enfin, pour autant que je sache, personne n'a mis en place un analyseur de liste de lecture pour l'élément audio (la spécification mentionne uniquement les fichiers audio, pas des listes de lecture), ce qui est un problème, car même lorsque vous cliquez sur « écouter » vous une liste de lecture plutôt que d'un flux brut.

Oui, vous pouvez jouer ShoutCast2 Je l'utilise comme ceci de cette façon 

<audio preload="none" autoplay="autoplay" controls="controls">
    <source src="http://178.32.62.172:9079/stream" type="audio/mpeg">
    Your browser does not support this player, please update the version
</audio>
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow
scroll top