Multimedia en html

Multimedia en html es sonido, video,animaciones etc

Multimedia tiene muchos formatos

formatos de video, de audio de imagenes,y mucho mas

La forma mas facil de saber de que archivo se trata es mirar su extencion.

Como sabemos las extensiones se pueden apresentar .wav, .avi, .mp3, .mp4, .mpg, etc

Video en html

El elemento video en html sirve para reproducir videos

ejemplo de video

Codigo de ejemplo

    <video width="320" height="240" controls>
    <source src="movie.mp4" type="video/mp4">
    Seu navegador no suporta este video
    <source src="movie.ogg" type="video/ogg">
    Seu navegador no suporta este video
    </video> 
  

...

Como funciona

los elementos width y height nos dimensionan el video, anchura y altura

el elemento source nos da la opcion del formato, o sea si el navegador no reproduz mp4 puede reproducir ogg o otro tipo de archivo como avi

---

Reproducion autoplay

pata ponermos la reproducion automativa ponemos en la etiqueta video el atributo autoplay

codigo de ejemplo

 <video width="320" height="240" autoplay>
 <source src="movie.mp4" type="video/mp4">
 <source src="movie.ogg" type="video/ogg">
 Your browser does not support the video tag.
 </video>  
    

Nota: los navegadores chromium no permiten la reproducion automatica, pero la reproducion mutada esta siempre permitida

Codigo de ejemplo

 <video width="320" height="240" autoplay muted>
 <source src="movie.mp4" type="video/mp4">
 <source src="movie.ogg" type="video/ogg">
 Your browser does not support the video tag.
 </video>  
    

---

Audio en html

Para la reproducion de audio, usamos la etiquera audio

Codigo de ejemplo

<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio> 
    

El sistema de funcionamiento es lo mismo que en video

usamos el atributo source para que el navegador elija el tipo de archivo que mejor se ira reproducir