Blog
Streaming de audio en HTML5
- Publicado por: admin
- Categoría: Blog HTML5 Java Script
HTML5 nos brinda muchas características nuevas, entre ellas la posibilidad de transmitir audio. En este tutorial aprenderemos a realizar un streaming de audio en HTML5, esto nos puede ser de gran utilidad para reproducir una radio.
Para realizar esta tarea vamos a utilizar la librería audiojs que se la pueden descargar desde su sitio oficial: http://kolber.github.io/audiojs.
¿Cómo hacer un streaming de audio en HTML5?
Para realizar esto primero debemos importar la librería audiojs en nuestro HTML con la etiqueta script, luego debemos inicializar el audio y agregar nuestra URL del streaming con la etiqueta HTML5 audio:
<!DOCTYPE html> <html> <head> <title>Streaming de audio en HTML5</title> <meta name="viewport" content="initial-scale=1.0"> <meta charset="utf-8"> <!--Importamos la librería--> <script src="audiojs/audio.min.js"></script> <script> // Inicializando los audios audiojs.events.ready(function() { var as = audiojs.createAll(); }); </script> </head> <body> <audio src="http://listen.radionomy.com/abc-jazz" preload="none"></audio> </body> </html>
Bueno gente, de esta forma vamos a poder reproducir nuestra radio shoutcast con HTML5 en una página web. Espero que les sea de gran utilidad y ante cualquier problema no duden en dejar un comentario.