A los usuarios les gusta el contenido multimedia, en especial los videos, ya que pueden ser divertidos y educativos. En los dispositivos móviles, los videos pueden ser una forma más fácil de consumir información que el texto. Para brindar una buena experiencia del usuario, los videos no deben necesitar más que el ancho de banda disponible. Los usuarios deben poder usarlos sin importar el dispositivo con el que los vean. Los usuarios nunca deben tener que esperar a que se descargue el contenido multimedia. A nadie le gusta que, cuando presionan Reproducir, no suceda nada.
Sin duda, consumiste videos en tu propio dispositivo, lo que significa que nada de ese último párrafo te sorprende. Ahora debes aprender a colocar un video o cualquier otro archivo multimedia en tu propio sitio web. Los requisitos técnicos para agregar contenido multimedia deben estar al servicio de la experiencia del usuario.
Los requisitos técnicos
- Las versiones de un archivo multimedia están en formatos comunes compatibles con la Web que contienen transmisiones de audio y video.
- La resolución es adecuada para los dispositivos de tus usuarios.
- La tasa de bits no sobrecarga el ancho de banda de red de tus usuarios.
- El resultado se puede ver en todos los navegadores principales con las tecnologías adecuadas.
- El archivo está encriptado (opcional).
La sección medios de este sitio web te ayudará a cumplir con estos requisitos técnicos. No te preocupes si estos conceptos aún son un poco abstractos. Los explicaremos de forma progresiva en todos los artículos. En la primera sección, aprenderás sobre los conceptos básicos de los medios, luego, cómo agregarlos a la Web en la segunda sección y, en la sección final, las aplicaciones prácticas, con algunas técnicas avanzadas, de usar medios en la Web.
Cómo mostrar videos en la Web
Existen cuatro enfoques que puedes adoptar cuando deseas mostrar un video en un sitio.
- Sube tus videos a un proveedor de alojamiento de contenido multimedia, como YouTube o Vimeo. Estas opciones requieren que incorpores sus reproductores en tu sitio.
- Incorporación básica alojada por el usuario con los elementos HTML
<video>y<audio> - Incorporación con más funciones mediante una biblioteca de video, como Shaka Player, JW Player o Video.js
- Compila tu propio servidor multimedia y aplicación de transmisión.
En este sitio, se abordan principalmente los aspectos básicos de la incorporación de contenido multimedia. Sin embargo, abordamos algunos temas más avanzados para ayudarte a comenzar a crear tu propia aplicación de transmisión de contenido multimedia. El esfuerzo para hacerlo no es trivial, por lo que compilamos una PWA de contenido multimedia con compatibilidad sin conexión para usarla como referencia, que debería mostrarte las formas en que se puede lograr y cuánto esfuerzo requiere. La aplicación no es una oferta lista para la producción ni un competidor de servicios como YouTube o Vimeo, pero te proporcionará un punto de partida para aprender algo nuevo y desafiante.
Francamente, crear un competidor para los servicios de contenido multimedia alojados requeriría un equipo de ingenieros expertos y miles de horas de trabajo humano. A menos que tu objetivo sea ingresar a ese mercado como competidor, te recomendamos que uses uno de los otros métodos. Es bueno comprender la tecnología y, si bien es posible que no lances tu propia aplicación o reproductor de video, es útil explorar y experimentar con la tecnología de vanguardia de la compatibilidad con navegadores o, al menos, usar una de las bibliotecas de video existentes.
Qué aprenderemos
La colección media tiene tres partes. En esta primera sección, te proporcionaremos información sobre los conceptos y los requisitos previos para agregar contenido multimedia a tu sitio. Esto incluye explicar cómo se ensamblan los archivos multimedia, los aspectos básicos de las aplicaciones que necesitarás para preparar tus archivos para la Web y los conceptos de transmisión. En la segunda sección, se explica cómo preparar tus archivos y convertirlos a varios formatos, y, de manera opcional, agregar encriptación. En la última sección, te mostraremos cómo incorporar un archivo multimedia en una página web, analizaremos las prácticas recomendadas de la reproducción automática, usaremos frameworks multimedia, descargaremos videos y los haremos accesibles.
Hay mucho por abordar, así que comencemos con los conceptos básicos de los archivos multimedia.