A los usuarios les gustan los medios de comunicación, 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 el texto. Para que el usuario tenga una buena experiencia, los videos no necesitan un ancho de banda superior al disponible. Los usuarios deben poder usarlos sin importar el dispositivo que los visualicen. Los usuarios no deberían tener que esperar a que se descargue el contenido multimedia. A nadie le gusta cuando presiona reproducir y no pasa nada.
No hay duda de que hayas consumido videos en tu propio dispositivo, por lo que nada de ese último párrafo te sorprenderá. Ahora debes aprender a colocar un video u 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 tienen 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 los usuarios.
- El resultado se puede ver en todos los principales navegadores que utilizan las tecnologías adecuadas.
- El archivo está encriptado (opcional).
La sección contenido multimedia de este sitio web te ayudará a cumplir con estos requisitos técnicos. No te preocupes si estos conceptos son aún un poco abstractos. Las explicaremos de forma progresiva a lo largo de todos los artículos. En la primera sección, aprenderás sobre los conceptos básicos de los medios, luego, aprenderás cómo agregarlos a la Web en la segunda sección. En la sección final, conocerás las aplicaciones prácticas, con algunas técnicas avanzadas, para usar contenido multimedia en la Web.
Se muestra video en la Web
Existen cuatro enfoques que puedes adoptar para mostrar un video en un sitio.
- Sube los videos a un proveedor de hosting de contenido multimedia, como YouTube o Vimeo. Estas opciones requieren que incorpores los reproductores en tu sitio.
- Incorporación básica autoalojada con los elementos HTML
<video>
y<audio>
. - Incorporaciones más completas con una biblioteca de videos, como Shaka Player, JW Player o Video.js
- Cómo compilar tu propio servidor de medios y una 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 en el proceso de compilación de tu propia aplicación de transmisión de contenido multimedia. El esfuerzo de hacerlo no es trivial, por lo que compilamos una AWP de medios con compatibilidad sin conexión para usarla como referencia, que debería mostrarte formas de hacerlo y cuánto esfuerzo requiere. La aplicación no es de ninguna manera una oferta lista para la producción o un competidor de servicios como YouTube o Vimeo, pero te proporcionará un punto de partida para que aprendas algo nuevo y desafiante.
Francamente, crear un competidor para los servicios de medios alojados requeriría un equipo de ingenieros expertos y miles de horas de trabajo humanas. A menos que tu objetivo sea ingresar a ese mercado como competidor, es mejor 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 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 proporcionaremos información sobre los conceptos y requisitos previos para agregar contenido multimedia a tu sitio. Esto incluye explicar cómo se agrupan los archivos multimedia, los conceptos básicos sobre las aplicaciones que necesitarás a fin de 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 reproducción automática, cómo usar frameworks de contenido multimedia, cómo guardar videos sin conexión y cómo hacer que sean accesibles.
Como queda mucho por recorrer, comencemos con los Conceptos básicos sobre archivos multimedia.