Integración de Medios
Patricio Mas
@patriciomas
Introducción
• Historia
• Formatos comunes
• Inserción de Video
• Inserción de Audio
Historia
• HTML se creó para desplegar archivos
de texto.
• Luego se pudo incluir color, tipografías
e incluso imágenes.
•...
Formatos comunes: Video
• Existen muchos formatos de video:
MPEG / AVI / WMV / Quicktime / RealVideo
/ Flash / Ogg / WebM ...
Inserción de Video
En HTML5 se inserta videos ocupando el elemento <video> .
El atributo controls agrega botones play, pau...
Formatos comunes: Audio
• Existen muchos formatos de audio:
MIDI / RealAudio / WMA / AAC / WAV /
Ogg / MP3 / MP4
• Se reco...
Inserción de Audio
En HTML5 se inserta audios ocupando el elemento <audio> .
El atributo controls agrega botones play, pau...
Próxima SlideShare
Cargando en…5
×

Integracion de Medios en HTML5

301 visualizaciones

Publicado el

Introducción a la nueva forma de integración de multimedios en HTML5. Cómo se hacía antes y cómo se debe hacer ahora.

Publicado en: Internet
0 comentarios
0 recomendaciones
Estadísticas
Notas
  • Sé el primero en comentar

  • Sé el primero en recomendar esto

Sin descargas
Visualizaciones
Visualizaciones totales
301
En SlideShare
0
De insertados
0
Número de insertados
6
Acciones
Compartido
0
Descargas
1
Comentarios
0
Recomendaciones
0
Insertados 0
No insertados

No hay notas en la diapositiva.

Integracion de Medios en HTML5

  1. 1. Integración de Medios Patricio Mas @patriciomas
  2. 2. Introducción • Historia • Formatos comunes • Inserción de Video • Inserción de Audio
  3. 3. Historia • HTML se creó para desplegar archivos de texto. • Luego se pudo incluir color, tipografías e incluso imágenes. • Pero la única forma de incluir sonido, animaciones y video era ocupando programas externos (como flash). • HTML5 facilita esta integración.
  4. 4. Formatos comunes: Video • Existen muchos formatos de video: MPEG / AVI / WMV / Quicktime / RealVideo / Flash / Ogg / WebM / MP4 • Se recomienda MP4 – Buena relación calidad/peso – Soportado por HTML5 – Recomendado por YouTube
  5. 5. Inserción de Video En HTML5 se inserta videos ocupando el elemento <video> . El atributo controls agrega botones play, pausa, y volumen. El texto entre las etiquetas <video></video> se mostrará en navegadores que no reconozcan el elemento <video>. Se pueden incluir varios elementos <source>. El navegador cargará el primer formato que reconozca. <video width="320" height="240" controls> <source src=”pelicula.mp4" type="video/mp4"> <source src="pelicula.ogg" type="video/ogg"> Tu navegador no permite el elemento video. </video>
  6. 6. Formatos comunes: Audio • Existen muchos formatos de audio: MIDI / RealAudio / WMA / AAC / WAV / Ogg / MP3 / MP4 • Se recomienda MP3 – Buena relación calidad/peso – HTML5 reconoce MP3, Wav y Ogg
  7. 7. Inserción de Audio En HTML5 se inserta audios ocupando el elemento <audio> . El atributo controls agrega botones play, pausa, y volumen. El texto entre las etiquetas <audio></audio> se mostrará en navegadores que no reconozcan el elemento <audio>. Se pueden incluir varios elementos <source>. El navegador cargará el primer formato que reconozca. <audio width="320" height="240" controls> <source src=”cancion.mp3" type=”audio/mp3"> <source src=”cancion.ogg" type=”audio/ogg"> Tu navegador no permite el elemento audio. </video>

×