HTML5

Streaming de audio en HTML5

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.

Librería audiojs

Librería 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.

Compartilo en
Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedInPin on PinterestEmail this to someone

AboutJosé Di Meglio

Apasionado de la tecnología y programación. Aportando información gratuita sobre el mundo de la informática.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *