Insertar audio en HTML5
https://engineerdesistemas.blogspot.com/2016/11/insertar-audio-en-html5.html
En la anterior lección habíamos visto la forma de insertar video en HTML5, para el ejercicio presente el tratamiento o el procedimiento para insertar audio en HTML5 es muy similar por lo cual no hay mucha diferencia, cabe recordar que no es necesario recurrir a plugins externos para lograr escuchar nuestros audios en el navegador.
En la etiqueta audio tenemos las propiedades:
controls: es para visualizar los controles del reproductor
preload: se realizará una descarga previamente para luego poder reproducir
loop: una vez terminado el audio volverá a reproducirse
autoplay: es una propiedad que se puede usar para la reproducción automática
El reproducto tiene esta vista en el navegador
El código de nuestro ejercicio queda así:
<!DOCTYPE html> <html> <head> <title>Audio en HTML5</title> </head> <body> <audio controls="controls" preload="preload" loop="loop"> <source src="audios/audio.ogg" type="audio/ogg"> <source src="audios/audio.mp3" type="audio/mp3"> <source src="audios/audio.wav" type="audio/wav"> Es increible que tu navegador no soporte la reproduccion de audio </audio> </body> </html>
En la etiqueta audio tenemos las propiedades:
controls: es para visualizar los controles del reproductor
preload: se realizará una descarga previamente para luego poder reproducir
loop: una vez terminado el audio volverá a reproducirse
autoplay: es una propiedad que se puede usar para la reproducción automática
El reproducto tiene esta vista en el navegador