domingo, 31 de julio de 2016

Cómo incrustar un reproductor de audio en una página HTML



(Página en construcción)

Ejemplo 1 (Last Rose Studios): 

En el siguiente ejemplo la palabra "controls" especifica que se muestren los controles del reproductor (play, pause, etc).

<audio src="http://www.archive.org/download/bolero_69/Bolero.mp3" controls> </audio>





Ejemplo 2. Con lista de reproducciones






Ejemplo 3




Referencias 


Last Rose Studios. HTML5 Audio and Video and how to make a playlist. Consultado el 3 de agosto de 2016. http://devblog.lastrose.com/html5-audio-video-playlist/ W3Schools. Html5 Audio. Copyright 1999-2016 by Refsnes Data. Consultado el 3 de agosto de 2016. http://www.w3schools.com/html/html5_audio.asp Mark Hillard. HTML5 Audio Player w/ Responsive Playlist. Consultado el 3 de agosto de 2016. https://codepen.io/markhillard/pen/Hjcwu. https://blogs.msdn.microsoft.com/mediastuff/2014/03/27/play-it-again-creating-an-audio-playlist-page-and-refreshing-old-content/