Multimedia HTML
- Página Anterior Cuadro de pintura HTML5 vs SVG
- Página Siguiente Objetos de HTML
Los elementos multimedia en la Web son efectos de sonido, música, video y animación.
Los navegadores de red modernos ya admiten muchos formatos multimedia.
¿Qué es multimedia?
Los formatos multimedia vienen de muchos diferentes. Puede ser cualquier contenido que escuches o veas, texto, imágenes, música, efectos de sonido, grabaciones, películas, animaciones, etc.
En Internet, a menudo encontrarás elementos multimedia incrustados en páginas web, y los navegadores modernos ya admiten varios formatos multimedia.
En este tutorial, aprenderás sobre diferentes formatos multimedia y cómo usarlos en tus páginas web.
Soporte del navegador
El primer navegador de Internet solo admitía texto, y hasta el soporte para texto se limitaba a un tipo de fuente y un color único. Luego nacieron navegadores que admitían colores, tipos de fuente y estilos de texto, y se agregó el soporte para imágenes.
Los navegadores manejan de diferentes formas el soporte para efectos de sonido, animaciones y videos. Algunos elementos pueden manejarse de manera en línea, mientras que otros requieren complementos adicionales.
En el siguiente capítulo, aprenderás más sobre los complementos.
Formato multimedia
Los elementos multimedia (como videos y audio) se almacenan en archivos de medios.
El método más común para determinar el tipo de medio es ver la extensión del archivo. Cuando el navegador recibe la extensión .htm o .html, asume que el archivo es una página HTML. La extensión .xml indica un archivo XML, mientras que la extensión .css indica una hoja de estilo. Los formatos de imágenes se identifican a través de .gif o .jpg.
Los elementos multimedia también tienen formatos de archivos con diferentes extensiones, como .swf, .wmv, .mp3 y .mp4.
Formato de video
El formato MP4 es un nuevo formato de video de Internet que pronto se volverá común. Los reproductores HTML5, Flash y sitios web de video como Youku lo admiten.
Formato | Archivo | Descripción |
---|---|---|
AVI | .avi | El formato AVI (Audio Video Interleave) es desarrollado por Microsoft. Todos los computadores que ejecutan Windows admiten el formato AVI. Es un formato común en Internet, pero los computadores no Windows no siempre pueden reproducirlo. |
WMV | .wmv | El formato Windows Media es desarrollado por Microsoft. Windows Media es muy común en Internet, pero no se puede reproducir películas Windows Media si no se instala un componente adicional (gratis). Algunas películas Windows Media posteriores no se pueden reproducir en todos los computadores no Windows, ya que no hay reproductores adecuados. |
MPEG |
|
El formato MPEG (Group of Experts for Moving Pictures) es el formato más popular en Internet. Es crossplataforma y ha recibido el apoyo de todos los navegadores populares. |
QuickTime | .mov | El formato QuickTime fue desarrollado por Apple. QuickTime es un formato común en Internet, pero los videos QuickTime no se pueden reproducir en computadoras con Windows sin instalar componentes adicionales (gratuitos). |
RealVideo |
|
El formato RealVideo fue desarrollado por Real Media para Internet. Este formato permite la transmisión de video en condiciones de bajo ancho de banda (video en línea, televisión por Internet). Debido a que prioriza el bajo ancho de banda, la calidad a menudo se reduce. |
Flash |
|
El formato Flash (Shockwave) fue desarrollado por Macromedia. El formato Shockwave requiere componentes adicionales para su reproducción. Sin embargo, este componente se instala por defecto en navegadores como Firefox o IE. |
Mpeg-4 | .mp4 | Mpeg-4 (con compresión de video H.264) es un nuevo formato para Internet. De hecho, YouTube recomienda usar MP4. YouTube recibe varios formatos y luego los convierte a .flv o .mp4 para distribución. Cada vez más productores de videos se pasan a MP4, utilizando como formato compartido en Internet para reproductores Flash y HTML5. |
Formato de sonido
Formato | Archivo | Descripción |
---|---|---|
MIDI |
|
MIDI (Interfaz Digital de Instrumento Musical) es un formato diseñado para dispositivos de música electrónica (como sintetizadores y tarjetas de sonido). Los archivos MIDI no contienen sonido, sino instrucciones musicales digitales que pueden ser reproducidas por productos electrónicos (como tarjetas de sonido). Haga clic aquí para reproducir The Beatles. Debido a que el formato MIDI solo contiene instrucciones, los archivos MIDI son extremadamente pequeños. El ejemplo anterior tiene un tamaño de solo 23k, pero puede reproducir casi 5 minutos. MIDI ha recibido un amplio apoyo de software en muchas plataformas. La mayoría de los navegadores web populares admiten MIDI. |
RealAudio |
|
El formato RealAudio fue desarrollado por Real Media para Internet. Este formato también admite video. Permite la transmisión de audio en condiciones de baja banda ancha (música en línea, música de red). Debido a que prioriza la baja banda ancha, la calidad a menudo se reduce. |
Wave | .wav | El formato Wave (waveform) fue desarrollado por IBM y Microsoft. Todos los computadores que ejecutan Windows y todos los navegadores de red (excepto Google Chrome) lo soportan. |
WMA | .wma | El formato WMA (Windows Media Audio), de mayor calidad que el MP3, es compatible con la mayoría de los reproductores, excepto iPod. Los archivos WMA pueden transmitirse como un flujo de datos continuo, lo que lo hace muy práctico para las estaciones de radio en línea o la música en línea. |
MP3 |
|
Los archivos MP3 son realmente la parte de sonido de los archivos MPEG. El formato MPEG fue desarrollado originalmente por el Grupo de Expertos en Imágenes en Movimiento. MP3 es el formato de sonido más popular para música. Se espera que los sistemas de software futuros lo soporten. |
¿Qué formato usar?
WAVE es el más popular en InternetSin CompresiónFormato de sonido, todos los navegadores populares lo soportan. Si necesita sonido sin comprimir (música o conferencia), entonces debe usar el formato WAVE.
MP3 es la más recienteCompresiónFormatos de grabación de música. El término MP3 se ha convertido en sinónimo de música digital. Si su sitio web se dedica a la música grabada, entonces MP3 es una opción.
- Página Anterior Cuadro de pintura HTML5 vs SVG
- Página Siguiente Objetos de HTML