2 min de lectura

Hasta la fecha dependiamos de una tecnología de terceros para poder compartir material audiovisual: Flash de la compañía Adobe. Es evidente que es una barrera de entrada que un usuario no pueda visualizar en primera instancia todo este contenido hasta que instale en su navegador el plugin flash correspondiente.

De modo que ahora tenemos dos nuevas etiquetas para la carga de material multimedia:

  • video
  • audio

HTML5 es compatible con AAC, MP3 y Ogg Vorbis para audio y Ogg Theora, WBEM y MPEG-4 para el vídeo.

Video

Las propiedades que se utilizan para video son:

  • type : tipo de archivo o fuente
  • autoplay : reproduce automáticamente
  • controls : muestra los controles de reproducción
  • height : define la altura del reproductor (en píxeles)
  • loop : ejecuta la reproducción en bucle, cuando finaliza vuelve a empezar
  • mute : especifica que la salida de audio del video debería ser silenciado
  • poster : permite poner la url de una imágen antes de que se reproduzca el video
  • pre-load : manda a cargar el video antes de reproducirlo, de este modo al oprimir reproducir, no hay que esperar a que se cargue. Sus valores pueden ser none, metadata y auto
  • src : URL del archivo a reproducir
  • width : define el ancho del reproductor (en píxeles)

Ejemplo de carga de video

Audio

Las propiedades que se utilizan para audio son:

  • type : tipo de archivo o fuente
  • autoplay : reproduce automáticamente
  • controls : muestra los controles de reproducción
  • loop : ejecuta la reproducción en bucle, cuando finaliza vuelve a empezar
  • pre-load : manda a cargar el audio antes de reproducirlo, de este modo al oprimir reproducir, no hay que esperar a que se cargue. Sus valores pueden ser none, metadata y auto
  • src : URL del archivo a reproducir

Ejemplo de carga de audio

Compartir
Licenciada en Informática con Maestría en Tecnologías de la Información. Docente por convicción con trece años de experiencia, desarrolladora desde hace nueve años trabajando actualmente con desarrollo WEB para alta disponibilidad, además de ser consultor independiente y capacitador. Participe del movimiento del software libre como fiel apasionada, reconocida por su actividad en la comunidad y su participación en la inclusión.

DEJA UNA RESPUESTA

Please enter your comment!
Please enter your name here