Est-il possible de jouer shoutcast internet radio streams avec html5?
est-il possible de jouer shoutcast (ou certains) flux radio internet avec html5?
donc j'ai le code suivant:
<html>
<body>
<audio src="http://shoutcast.internet-radio.org.uk:10272/" />
</body>
</html>
Je l'enregistre comme page HTML et je démarre mon navigateur (Google chrome 4.0.249.78, safary ou FF)
Mais c'est pas jouer/travailler!(
et il ne joue avec aucune autre radio internet que j'ai essayé de jouer!(
pourquoi!?! Ce que je fais mal?
btw: à partir de HTML5 (y compris la prochaine génération des ajouts en développement) 2.6.1 Protocole de concepts Les agents utilisateurs peuvent implémenter 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, RETR en FTP. Ces actions sont idempotent et sûres, en termes de HTTP.
Le HTTP les codes de réponse sont équivalents aux statuts d'autres protocoles qui ont les mêmes significations de base. Par exemple, une erreur" file not found " est équivalente à un code 404, une erreur de serveur est équivalente à un code 5xx, et ainsi de suite.
les en-têtes HTTP sont équivalents à des champs dans d'autres protocoles qui ont la même signification de base. Par exemple, les en-têtes D'authentification HTTP sont équivalents aux aspects d'authentification du protocole FTP.
10 réponses
vous ne pouvez pas le faire avec ShoutCast mais avec Icecast et edcast client vous pouvez stream live vorbis trough HTML5 <audio> tag. Il suffit de le pointer sur http://your-url.com:port/stream.ogg : p
Ajouter un point-virgule à la fin de la http demande. C'EST le protocole défini par shoutcast pour remplacer sa détection navigateur. Comme cet exemple:
<audio controls src="http://shoutcast.internet-radio.org.uk:10272/;"></audio>
HTML5 ne spécifie pas quels formats audio (progressifs ou en continu) le lecteur doit supporter. C'est au navigateur de déterminer, en fonction de la demande et de la faisabilité de la mise en œuvre. Dans les versions précédentes, nous avons essayé de spécifier quelques codecs et formats de base que tous les navigateurs doivent prendre en charge, mais chacun des formats possibles a provoqué un certain vendeur de navigateur à refuser de l'implémenter.
ce qui suit semble fonctionner en Safari (4.0.4, WebKit nightly 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 étiquette de fin dans la sérialisation HTML, il ne peut pas utiliser une étiquette D'auto-fermeture de style XML, et je dois inclure controls ou autoplay afin de réellement démarrer l'audio)
cela est probablement dû au fait que Safari obtient le soutien pour Shoutcast "gratuitement" parce qu'il utilise juste QuickTime pour gérer les URLs audio et vidéo il est donné, et QuickTime supporte déjà Shoutcast. Cela peut aussi conduire à quelques bugs étranges, car L'implémentation HTTP de QuickTime est, bien, bizarre , pour le dire gentiment.
je suggère de classer les bogues en demandant la prise en charge de Shoutcast dans les navigateurs qui ne la prennent pas en charge. Voici les bug trackers pour Firefox (Gecko / Mozilla) , Chrome (Chrome) , et Safari (s'il arrive de ne pas travailler sur Windows, ou quelque chose comme ça).
j'ai vérifié les stations ogg_vorbis. J'ai téléchargé certains playlist et ouvert dans le bloc-notes et copier l'url d'un flux. Donc, si vous voulez le tester, copiez simplement ceci pour vider le fichier et donnez-lui un nom.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 ça!
BB
<!DOCTYPE html>
<audio controls src="http://baldyradio.com:8010/;"></audio>
cela fonctionne dans la version de sortie de IE9, Sad que la même ne peut pas être dit pour FireFox 4!
reading the HTML 5 audio specification (http://www.w3schools.com/html5/html5_audio.asp) W3C souligne quels formats (MP3 ou OGG) sont supportés par quels navigateurs
ce que je ferais, c'est avoir un serveur icecast (pas ShoutCast) diffusant un MP3 et un flux OGG
en utilisant javascript détecter le type de navigateur - http://www.javascripter.net/faq/browsern.htm
si (le navigateur ne supporte pas HTML5){ imprimer un message - utilisez un nouveau navigateur }
si (le navigateur prend en charge HTML5 et OGG streaming (utiliser la liste du W3c)){ utilisez le flux OGG du serveur icecast dans la balise SRC }
si (le navigateur supporte HTML5 MP3 streaming (liste d'utilisation de W3C)){ utilisez le flux MP3 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 gens vous trouverez probablement dans à l'avenir, cela sera redondant car plus de navigateurs prennent en charge
les messages ci-dessus donnent la bonne réponse, bien qu'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 avec L'Opéra 10.5 alpha, FF 3.5 et plus tard ne prend en charge que PCM wav et Ogg Vorbis pour l'audio). Je pense toutefois que Chrome et Safari supportent le MP3.
le problème suivant est que votre URL semble pointer vers une page web décrivant le flux, pas vers un flux.
enfin, pour autant que je sache, personne n'a implémenté d'analyseur de playlist pour l'élément audio (le spec seulement mentionne des fichiers audio, pas des sélections), ce qui est un problème ici, car même quand vous cliquez sur "Écouter" vous obtenez une sélection plutôt qu'un flux brut.
Oui, vous pouvez jouer ShoutCast2 je l'utilise comme cela 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>