audio - reproductor - shoutcast server
¿Es posible reproducir emisiones de radio por Internet de shoutcast con html5? (10)
¿Es posible reproducir shoutcast (o algunas) transmisiones de radio por Internet con html5?
Entonces tengo el siguiente código:
<html>
<body>
<audio src="http://shoutcast.internet-radio.org.uk:10272/" />
</body>
</html>
Lo guardo como página HTML y comienzo mi navegador (Google Chrome 4.0.249.78, Safary o FF)
¡Pero no funciona / funciona!
¡Y no funciona con ninguna otra radio de internet que intenté jugar!
¡¿¡Por qué!?! ¿Qué estoy haciendo mal?
Por cierto, de HTML5 (incluidas las adiciones de próxima generación aún en desarrollo) 2.6.1 Conceptos de protocolo Los agentes de usuario pueden implementar una variedad de protocolos de transferencia, pero esta especificación define principalmente el comportamiento en términos de HTTP. [HTTP]
El método HTTP GET es equivalente a la acción de recuperación predeterminada del protocolo. Por ejemplo, RETR en FTP. Tales acciones son idempotentes y seguras, en términos de HTTP.
Los códigos de respuesta HTTP son equivalentes a los estados en otros protocolos que tienen los mismos significados básicos. Por ejemplo, un error de "archivo no encontrado" es equivalente a un código 404, un error de servidor es equivalente a un código 5xx, y así sucesivamente.
Los encabezados HTTP son equivalentes a los campos en otros protocolos que tienen el mismo significado básico. Por ejemplo, los encabezados de autenticación HTTP son equivalentes a los aspectos de autenticación del protocolo FTP.
Agregue un punto y coma al final de la solicitud http . ES el protocolo establecido por shoutcast para anular la detección de su navegador. Como este ejemplo:
<audio controls src="http://shoutcast.internet-radio.org.uk:10272/;"></audio>
Bueno, Firefox y Opera no son compatibles con códecs no libres como mp3 (como con el Opera 10.5 alpha, FF 3.5 y versiones posteriores solo admite PCM wav y Ogg Vorbis para audio). Sin embargo, creo que Chrome y Safari sí son compatibles con MP3.
El siguiente problema es que su URL parece apuntar a una página web que describe la transmisión, no a una transmisión.
Finalmente, hasta donde yo sé, nadie ha implementado un analizador de listas de reproducción para el elemento de audio (la especificación solo menciona archivos de audio, no listas de reproducción), que es un problema aquí, ya que incluso cuando haces clic en "escuchar" obtienes una lista de reproducción que una secuencia sin procesar.
Bueno, he comprobado las estaciones de ogg_vorbis. Descargué una lista de reproducción y la abrí en un bloc de notas, y copié la url de una transmisión. Entonces, si quiere probarlo simplemente copie esto en el archivo vacío y asígnele un nombre 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>
¡Eso es!
cama y desayuno
HTML5 no especifica qué formatos de audio (ya sean progresivos o de transmisión) el reproductor debe admitir. Eso depende del navegador para determinar, según la demanda y la viabilidad de implementación. En los borradores anteriores, tratamos de especificar algunos códecs de línea de base y formatos que todos los navegadores deben admitir, pero cada uno de los posibles formatos hizo que algunos proveedores de navegadores se negaran a implementarlo.
Lo siguiente parece funcionar en Safari (4.0.4, WebKit nightly 6531.21.10, r54538, Mac OS X 10.6.2), pero no en Chrome o Firefox:
<!DOCTYPE html>
<audio controls src="http://shoutcast.internet-radio.org.uk:10272/"></audio>
(tenga en cuenta que <audio> requiere una etiqueta de cierre en la serialización de HTML, no puede usar una etiqueta de cierre automático de estilo XML, y necesito incluir controls o autoplay para comenzar realmente el audio)
Esto se debe probablemente al hecho de que Safari recibe soporte para Shoutcast "gratis" porque solo usa QuickTime para manejar cualquier URL de audio y video que se le dé, y QuickTime ya tiene soporte para Shoutcast. Esto también puede conducir a algunos errores extraños, ya que la implementación HTTP de QuickTime es, bueno, quirky , para decirlo amablemente.
Sugiero archivar errores que piden soporte de Shoutcast en los navegadores que no lo admiten. Aquí están los rastreadores de errores para Firefox (Gecko / Mozilla) , Chrome (Chromium) y Safari (si no funciona en Windows, o algo así).
Las publicaciones anteriores dan la respuesta correcta, aunque no mencionan el uso de la barra inclinada . Asegúrate de /; está allí después de la dirección URL y el puerto.
<audio src="http://shoutcast.internet-radio.org.uk:10272/;" />
No puedes hacerlo con ShoutCast, pero con Icecast y el cliente de edcast puedes transmitir vorbis en vivo a través de la etiqueta HTML5 <audio> . Simplemente http://your-url.com:port/stream.ogg a http://your-url.com:port/stream.ogg : p
Sí, puedes jugar a ShoutCast2. Lo uso así de esta manera
<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>
leyendo la especificación de audio HTML 5 (http://www.w3schools.com/html5/html5_audio.asp) W3C describe qué formatos (MP3 u OGG) son compatibles con qué navegadores
Lo que haría es tener un servidor Icecast (no ShoutCast) que transmita un MP3 y una transmisión OGG
utilizando javascript detectar el tipo de navegador - http://www.javascripter.net/faq/browsern.htm
if (el navegador no es compatible con HTML5) {imprimir un mensaje - USE un nuevo navegador}
if (el navegador es compatible con la transmisión HTML5 y OGG (use list from W3c)) {use la secuencia OGG del servidor icecast en la etiqueta SRC}
if (el navegador es compatible con la transmisión de archivos MP3 en HTML5 (utilice la lista de W3C)) {utilice la transmisión de MP3 desde el servidor de Icecast en la etiqueta de SRC}
Creo que esto cubriría todos los navegadores principales y resolvería la mayoría de los problemas que probablemente encuentre en el futuro. Esto será redundante a medida que más navegadores admitan.
<!DOCTYPE html>
<audio controls src="http://baldyradio.com:8010/;"></audio>
Esto funciona en la versión de lanzamiento de IE9, ¡Triste que no se puede decir lo mismo de FireFox 4!
<audio controls src="http://example.com:8000/mountpath;"></audio>