Marcofbb Noticias y Artículos Webmasters



Publicidad marcored

Etiqueta de Audio y Videos HTML5

  • 23/04/2011
  • 12:45 am
  • marcofbb

Etiqueta audio

Con esta etiqueta puedes añadir audio a tu sitio sin necesidad de plugins. Esta etiqueta permite los codecs de audio ogg (ogg, oga), mp3, wav y AAC, aunque cada navegador soporta diferentes codecs.

<audio controls>
<source src="demo-audio.ogg" />
<source src="demo-audio.mp3" />
</audio>

Etiqueta video

Esta etiqueta es similar a

<video width="320" height="240" controls autobuffer autoplay preload="none" poster="videoframe.jpg">
<source src="demo-video.mp4" type="video/mp4" />
<source src="demo-video.ogv" type="video/ogg" />
</video>

Funciones: controls, autobuffer, autoplay

Si el video no tiene los controles como play o pause, el atributo CONTROLS hará que aparezcan los controles por defecto del navegador, claro, eso depende de si por ejemplo fuera Opera o Safari.
Autobuffer hace que se comience a cargar el video en cuanto carga la página
Autplay comienza a reproducir el video en cuanto se carga un poco del buffer

Soporte de Códecs

¿Qué son los codecs? Bueno, en realidad no vamos a entrar en detalles porque sería demasiado extenso todo, pero para dejárselas facil; es una “herramienta" (por así decirlo) que nos permite decodificar el video o contenido multimedia en sí, de manera que el navegador pueda mostrarlo visual y correctamente al usuario.
He aquí los codecs que usa y soporta cada navegador:

  • Chrome – H.264 y Theora (comúnmente llamado como OGG Vorbis)
  • Safari – H.264 y todo lo que use Quicktime
  • Firefox – Sólo Theora

Hay algo que muchos se preguntan; ¿Por qué Firefox solo soporta Theora y Safari sólo H.264? Es algo todavía complicado, pero resumiento todo, es por que H.264 no es software libre, tienes que pagar por su uso, y digamos que los de Safari (apple) son “de dinero". En cambio Theora, como es libre y como Firefox es creada por una fundación que apoya el Software Libre, ya se imaginarán.

Share

¿Necesitas ayuda? o ¿Asesoramiento webmaster? Registrate en nuestro foro de consultas

Posts Relacionados

Total de Comentarios: 1

Avatar
12/04/2012
9:39 pm

[...] 0 comentarios [...]


Enviar Comentario

(*)

(*)