HTML Multimedia

HTML Multimedia

La ruta del desarrollador web frontend autónomo🤹‍♂️


Multimedia en la web es sonido, música, vídeos, películas y animaciones.


¿Qué es la multimedia?

La multimedia viene en muchos formatos diferentes. Puede ser casi cualquier cosa que puedas escuchar o ver, como imágenes, música, sonido, vídeos, discos, películas, animaciones y más.

Las páginas web suelen contener elementos multimedia de diferentes tipos y formatos.


Compatibilidad con el navegador

Los primeros navegadores web tenían soporte solo para texto, limitado a una sola fuente en un solo color.

Más tarde llegaron los navegadores con soporte para colores, fuentes, imágenes y multimedia.


Formatos multimedia

Los elementos multimedia (como audio o video) se almacenan en archivos multimedia.

La forma más común de saber el tipo de archivo es mirar la extensión del archivo.

Los archivos multimedia tienen formatos y extensiones diferentes extensiones: .wav, .mp3, .mp4, .mpg, .wmv y .avi.


Formatos de video

Existen muchos formatos de video.

Los formatos MP4, WebM y Ogg son compatibles con HTML.

YouTube recomienda el formato MP4.

FormatoArchivoDescripción
MPEG.mpg.mpegMPEG. Desarrollado por Moving Pictures Expert Group. El primer formato de video popular en la web. Ya no es compatible con HTML.
AVI.aviAVI (Audio Video Interleave). Desarrollado por Microsoft. Comúnmente utilizado en cámaras de video y hardware de TV. Funciona bien en computadoras Windows, pero no en navegadores web.
WMV.wmvWMV (Windows Media Video). Desarrollado por Microsoft. Comúnmente utilizado en cámaras de video y hardware de TV. Funciona bien en computadoras Windows, pero no en navegadores web.
QuickTime.movQuickTime. Desarrollado por Apple. Comúnmente utilizado en cámaras de video y hardware de TV. Funciona bien en computadoras Apple, pero no en navegadores web.
RealVideo.rm .ramRealVideo. Desarrollado por Real Media para permitir la transmisión de video con bajo ancho de banda. No admitido en navegadores web.
Flash.swf .flvFlash. Developed by Macromedia. Often requires an extra component (plug-in) to play in web browsers.
Ogg.oggTheora Ogg. Desarrollado por Macromedia. A menudo requiere un componente extra (plug-in) para ser admitido en los navegadores web.
WebM.webmWebM. Desarrollado por Mozilla, Opera, Adobe y Google. Apoyado por HTML.
MPEG-4or MP4.mp4MP4. Desarrollado por Moving Pictures Expert Group. Comúnmente utilizado en cámaras de video y hardware de TV. Compatible con todos los navegadores y recomendado por YouTube.

Nota: solo los videos MP4, WebM y Ogg son compatibles con el estándar HTML.


Formatos de audio

MP3 es el mejor formato para música grabada comprimida. El término MP3 se ha convertido en sinónimo de música digital.

Si tu sitio web es sobre música, MP3 es la opción.

FormatoArchivoDescripción
MIDI.mid .midiMIDI (Musical Instrument Digital Interface). Formato principal para todos los dispositivos de música electrónica como sintetizadores y tarjetas de sonido para PC. Los archivos MIDI no contienen sonido, sino notas digitales que pueden reproducirse electrónicamente. Se reproduce bien en todas las computadoras y hardware de música, pero no en los navegadores web.
RealAudio.rm .ramRealAudio. Desarrollado por Real Media para permitir la transmisión de audio con bajo ancho de banda. No se reproduce en navegadores web.
WMA.wmaWMA (Windows Media Audio). Desarrollado por Microsoft. Funciona bien en computadoras Windows, pero no en navegadores web.
AAC.aacAAC (Advanced Audio Coding). Desarrollado por Apple como formato predeterminado para iTunes. Funciona bien en computadoras Apple, pero no en navegadores web.
WAV.wavWAV. Desarrollado por IBM y Microsoft. Funciona bien en los sistemas operativos Windows, Macintosh y Linux. Compatible con HTML.
Ogg.oggOgg. Desarrollado por la Fundación Xiph.Org. Compatible con HTML.
MP3.mp3Los archivos MP3 son en realidad la parte de sonido de los archivos MPEG. MP3 es el formato más popular para reproductores de música. Combina buena compresión (archivos pequeños) con alta calidad. Compatible con todos los navegadores.
MP4.mp4MP4 es un formato de video, pero también se puede usar para audio. Compatible con todos los navegadores.

Nota: el estándar HTML solo admite audio MP3, WAV y Ogg.


Resumen

La multimedia es sonido, música, vídeos, películas y animaciones. Los formatos de video aceptados por el estándar HTML son: .mp4, .webm, .ogg, y los formatos de audio/sonido: .mp3, .wav y .ogg.


Traducido con 💚 desde W3Schools.com

Did you find this article valuable?

Support Santos Romero by becoming a sponsor. Any amount is appreciated!