Etiquetas Audio y Vídeo HTML 5

Audio y Video HTML5

Audio​

Esta etiqueta es la mas sencilla de las dos, ya que solo implica un reproductor de audio. Los atributos de la etiqueta son los siguientes: SRC:Nos enlaza el audio que queremos reproducir. CONTROLS:Permite implementar los controles del reproductor como, play,pause,subir volumen etc. AUTOPLAY:Permite reproducir el audio desde que se carga la pagina. PRELOAD:Carga un poco del archivo antes de reproducirlo.

<audio width="300" height="32" src="micancion.mp3" controls="controls" autoplay="autoplay" preload=""> </audio>

Este es un pequeño ejemplo del codigo de audio que se puede implementar en una pagina o blog.

Audio

Ejemplo

file:///C:/Users/Jesus%20Bascon%20Mateos/Desktop/2%C2%BASMR/Aplicaciones%20Web%20(Manolo)/1%20Trimestre/audio.html

<audio src="audio/sample.mp3" autoplay> </audio>

Video

La etiqueta video es de las que mas fama tiene ya que el video en internet es una herramienta muy importante. Al igual que la etiqueta audio la de video tiene varios atributos. SRC:Nos enlaza al archivo de video que queramos reproducir WIDTH: Define el ancho del video en pixeles HEIGHT: Define la altura en pixeles del video CONTROLS: Permite introducir controles como play/pause etc.

<video src="video.mp4" width="640" height="360" controls autoplay preload></video>

Este es un ejemplo de codigo de la etiqueta video

Video

Ejemplos

file:///C:/Users/Jesus%20Bascon%20Mateos/Desktop/2%C2%BASMR/Aplicaciones%20Web%20(Manolo)/1%20Trimestre/video.html