Reproductor audio Streaming con html5

29 abril, 2015 — Leave a comment

reproductor_html5El streaming de audio es un área que hasta hace bien poco ha estado dominada por la tecnología Flash de Adobe, sin embargo, en la actualidad los navegadores son capaces de reproducir streaming a través de HTTP de una manera bastante mas simple y eficiente usando la etiqueta audio de HTML5.

Entre las ventajas de usar HTML5 podemos encontrar una mejor gestión de los recursos al no tener que usar ningún plugin, mayor personalización e integración al poder dar forma a nuestros reproductores con css y javascript o lacompatibilidad con dispositivos que no admiten Flash como iphone e ipad.

SHOUTCAST
Esta tecnología de streaming codifica sus archivos tanto en ACC+ como en MP3, sin embargo HTML5 no es capaz de reproducir ACC via streaming, lo que nos limita a los servidores que emiten en MP3. Esto no quiere decir que que la etiqueta sound no reproduzca el formato ACC, que si lo hace con archivos individuales, pero por lo visto no con sonidos via streaming.

Demo: http://www.agustinmantilla.com/gratis/html5streaming/html5streamingmp3/shoutcast.html

ICECAST
En este caso los servidores codifican sus archivos en formatos muy variados como son  ogg vorbis, mp3, opus, acc, acc+ o webM entre otros, sin embargo, la cantidad de emisoras en la actualidad es menor. Por otro lado, si queremos lograr la máxima compatibilidad también tendremos que ceñirnos al uso de MP3, aunque la mayoría de navegadores (menos explorer) también son capaces de reproducir sonidos vía streaming en formato ogg y webM.

Demo: http://www.agustinmantilla.com/gratis/html5streaming/html5streamingmp3/icecast.html

 

Descargas:

Descargar aquí

Compartir ahora es fácil... hazlo ya!
avatar

webmaster

Posts Twitter Facebook Google+

Diseñador WebSites Profesional. Admin Dedicated Server. Enterprise Manager. Graphics for the Web.SurDataNet, MoqueguaHost, SurDataCenter. Co-Founder/CEO: www.surdatanet.net www.moqueguahost..com www.surdatacenter.com www.surdatanet.com

No Comments

Be the first to start the conversation.

Deja un comentario

avatar

Text formatting is available via select HTML. <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*