A los usuarios les gustan los medios, en especial los videos; pueden ser divertidos e informativos. En los dispositivos móviles, los videos pueden ser una forma más fácil de consumir información que texto. Para que el usuario tenga una buena experiencia, los videos no deberían necesitar más que el ancho de banda disponible. Los usuarios deberían poder usarlos sin importar el dispositivo con el que los vean. Los usuarios no deberían tener que esperar a que se descargue contenido multimedia. A nadie le gusta que presione Reproducir y que no pase nada.
Sin duda, consumiste video en tu propio dispositivo, nada de lo que se ve en el último párrafo te sorprende. Ahora necesitas aprender a colocar un video u otro archivo multimedia en tu propio sitio web. Los requisitos técnicos para agregar contenido multimedia deben estar en servicio a 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 la red de tus usuarios.
- El resultado se puede ver en todos los navegadores principales que usan las tecnologías adecuadas.
- El archivo está encriptado (opcional).
La sección Contenido multimedia de este sitio web te ayudará a lograr estos requisitos técnicos. No te preocupes si estos conceptos 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 contenido multimedia. Luego, en la segunda sección, aprenderás sobre cómo agregarlos a la Web. En la sección final, aprenderás sobre las aplicaciones prácticas, con algunas técnicas avanzadas, para usar contenido multimedia en la Web.
Mostrando video en la Web
Existen cuatro enfoques que puedes adoptar para mostrar videos en un sitio.
- Sube tus videos a un proveedor de hosting de contenido multimedia, como YouTube o Vimeo. Estas opciones requieren que incorpores sus reproductores en tu sitio.
- Incorporación básica autoalojada con los elementos HTML
<video>y<audio>. - Incorporación con más funciones mediante una biblioteca de videos como Shaka Player, JW Player o Video.js.
- Cómo compilar tu propio servidor de contenido multimedia y aplicación de transmisión
Este sitio abarca principalmente los conceptos básicos de la incorporación de medios. Sin embargo, cubrimos algunos temas más avanzados para que comiences a compilar tu propia aplicación de transmisión de contenido multimedia. El esfuerzo para hacer esto no es trivial, por lo que compilamos una AWP de contenido multimedia con soporte sin conexión para usarla como referencia, que debería mostrarte las formas en que se puede lograr esto y el esfuerzo que requiere. La aplicación no se trata de una oferta lista para la producción ni de 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 servicios multimedia alojados requeriría un equipo de ingenieros expertos y miles de horas de trabajo humanos. A menos que tu objetivo sea ingresar a ese mercado como competidor, es mejor usar 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, resulta útil explorar y experimentar a la vanguardia de la compatibilidad con navegadores o, al menos, usar una de las bibliotecas de video existentes.
Qué aprenderemos
La colección media consta de tres partes. En esta primera sección, te brindaremos los conceptos y la información de los requisitos previos para agregar contenido multimedia a tu sitio. Esto incluye explicar cómo se agrupan los archivos multimedia, conceptos básicos sobre las aplicaciones que necesitarás para preparar tus archivos para la Web y conceptos de transmisión. En la segunda sección, se explica cómo preparar los archivos, 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, analizar las prácticas recomendadas de reproducción automática, usar frameworks de contenido multimedia, guardar videos sin conexión y hacer que tus videos sean accesibles.
Hay mucho que abordar, así que comencemos con los Conceptos básicos de los archivos multimedia.