Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Azure

Video en HTML5: Entendiendo la compresión y DRM

by
Difficulty:IntermediateLength:ShortLanguages:
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Spanish (Español) translation by Steven (you can also view the original English article)

Live with AES process flow chart

En un tutorial anterior, ofrecí una descripción general de alto nivel del video HTML5 y muchos de los estándares de transporte que podemos usar. En este tutorial, el segundo de una serie sobre el uso de Azure Media Services para crear y consumir video HTML5, cubriré la forma en que podemos ingerir nuestro contenido con una herramienta de grabación de video, así como las formas de cifrar o proteger nuestro video para que solo los espectadores con permiso pueden verlo. Finalmente, cubriremos las diferencias entre un códec de compresión, un contenedor y un transporte.

Deberás crear una cuenta de Servicios multimedia en Azure antes de poder hacer algo. Aquí hay un tutorial sobre cómo hacerlo. Si no tienes una cuenta de Azure, puedes registrarte para una prueba de 30 días (valor de $200) o comunicarte conmigo para recibir una cuenta de BizSpark para obtener $ 150/mes por desarrollador en tu equipo, durante tres años.

Actualizaciones recientes

A continuación se muestra una lista de actualizaciones recientes de la oferta de Servicios de medios de Microsoft.

Codificación en vivo

  • Se puede combinar con empaquetado dinámico, encriptación dinámica, sub-recorte, manipulación de manifiesto dinámico, inserción de marcador de anuncios y capacidades integradas a pedido según demanda.

Reproductor multimedia de Azure

  • Detección automática de plataforma y su reproducción
    • Elige el mejor formato para un navegador / dispositivo
  • API unificadas de HTML5 y JS
  • Reproducción de contenido protegido.
    • AES y listo para reproducir
  • Depuración del reproductor de video
    • Registro, monitoreo de calidad de flujos de velocidad de bits, información de diagnóstico

¿Qué es RTMP?

Necesitamos un formato para ingerir nuestro contenido de nuestra herramienta de grabación de video, que cubriré en el próximo tutorial. Para hacerlo, servimos nuestro contenido a Azure mediante el Protocolo de mensajería en tiempo real (RTMP).

RTMP fue inicialmente un protocolo patentado desarrollado por Macromedia (ahora propiedad de Adobe) para transmitir audio, video y datos a través de Internet entre un reproductor Flash y un servidor. Hoy, sin embargo, no depende de Flash, como veremos en nuestro ejemplo de hoy.

Discutí varias formas de transmisión en mi publicación anterior, pero omití RTMP. La desventaja de este método es que requiere servidores web especializados que solo entregan los cuadros de contenido de video que el usuario está viendo actualmente. La transmisión adaptativa, por otro lado, no requiere un servidor o protocolo especial.

Este es un transporte que entrega el contenedor (.mp4, FLV) a tu reproductor de video. Aquí hay una lección más detallada del Gerente Senior del Programa en el equipo de Servicios de Medios, Cenk Dingiloglu.

RTMP es lo que usaremos para ingerir nuestro contenido de video de nuestra grabadora de video (cámara en tu computadora portátil, teléfono o dispositivo externo) y distribuirlo en nuestro canal. Los espectadores de nuestro canal pueden recibir este video de varias maneras, incluyendo HLS, Smooth Streaming o MPEG-DASH.

¿Cuál es la diferencia entre MPEG-4 y H.264?

Una pregunta común que escucho es "¿cuál es la diferencia entre estos dos?" La gente a menudo usa las palabras indistintamente, pero en realidad son dos cosas muy diferentes.

.MP4 (MPEG-4): un contenedor (y también puede ser un códec de compresión)

MP4 es sin duda el formato de video más popular en la actualidad, ya que permite una combinación de audio, video, subtítulos e imágenes en un solo archivo. Además, se puede reproducir en casi todos los dispositivos, dejando atrás otros formatos como AVI, WMV y MOV; se puede compartir en muchos sitios de videos en línea como YouTube. Está comprimido con codificación de video MPEG-4 y compresión de audio AAC.

H.264: un códec de compresión de video

H.264, actualmente uno de los códecs de video de uso frecuente, es una compresión popular para video HD. Dado que H.264 puede lograr video de alta calidad a velocidades de bits relativamente bajas, se usa comúnmente en videocámaras AVCHD, HDTV, Blu-ray y HD DVD. MP4 (.mp4) es uno de los formatos de video codificados H.264.

H.264 tiene métodos de compresión más avanzados que la compresión básica MPEG-4. Una de las ventajas de H.264 es la alta tasa de compresión. Es aproximadamente 1,5 a 2 veces más eficiente que la codificación MPEG-4.

Entonces, las dos ventajas principales de H.264 sobre la compresión MPEG-4 son:

  1. Tamaño de archivo más pequeño
  2. Mejor calidad de vídeo para la reproducción en tiempo real
MP4 as a container with H264 subtitles and images inside

Ahora podemos ver que MP4 es un formato de contenedor de archivos, mientras que H.264 es en realidad un códec de compresión de video que requiere un contenedor de video para alojar el video codificado.

Protegiendo tu contenido

Entonces tienes tu video en Internet, pero ¿y si quieres protegerlo de la piratería? Lo sé, lo sé, "la información quiere ser gratis", pero todavía tienes que recibir un pago por tu trabajo.

¿Alguna vez trataste de ver un video en una fuente en línea como Hulu, Xfinity o Amazon, y dice que no tienes acceso a él y necesitas actualizar tu suscripción? Bueno, lo están haciendo con un estándar de cifrado para proteger esos recursos.

Xfinity on Demand screenshot

A menudo pueden lograr esto con el paso de tokens, que es un objeto cifrado que ilustra a la aplicación o al video a qué tienes acceso, y esto se conoce como "privilegios" o DRM. Hoy pude encontrar un error de DRM en Netflix.

DRM error on Netflix

Echemos un vistazo a un gran proveedor como Comcast, propietario del catálogo bajo demanda de Xfinity. Si hago clic en un video sin iniciar sesión en mi cuenta, puede decir "HBO no es parte de tus suscripciones. Para ver Veep, necesitas una suscripción a HBO".

Justo antes de seleccionar el programa, deja en claro que también necesito una suscripción para reproducir, como lo indica el texto "Solo para suscriptores de HBO" y el botón "Reproducir" con una tecla al lado.

VEEP screen on Xfinity when not logged in

Cuando inicio sesión en mi cuenta, Comcast me da un token, que dice quién soy y a qué servicios tengo privilegios de acceso. Al hacer clic en el botón "Reproducir", ese token se pasa al servicio de video, que lo abre, ve mis permisos y declara si puedo o no ver este contenido.

HBO is not part of your subscriptions

Cifrado AES vs. PlayReady

AES es la abreviatura de Advanced Encryption Standard (Encriptación estándar avanzada) y no se limita al contenido de video, ya que también funciona para telecomunicaciones, finanzas y comunicaciones gubernamentales. Esto funciona bien con los diversos protocolos de transmisión, como HLS, Smooth Streaming y MPEG-DASH. Aquí hay una descripción técnica general del estándar de Purdue.

Microsoft PlayReady es una extensa tecnología de cifrado aprobada por el estudio que protege tu contenido de la piratería, y es compatible con una amplia gama de los dispositivos más populares en la actualidad. Ahora, puedes usar PlayReady para proteger las transmisiones de video bajo demanda y en vivo.

Agrupando todo

Ahora que entendemos qué son la compresión, un contenedor y los protocolos de transporte, vamos a agrupar todo esto.

En la próxima lección, estaremos grabando contenido de video e ingiriéndolo con RTMP. Lo codificaremos utilizando el estándar de compresión H.264, lo almacenaremos en un contenedor .mp4 y lo transmitiremos a través de nuestro canal utilizando uno de los diversos protocolos enumerados en el tutorial anterior.

Compression Container Transport

Aprende más sobre Azure Media Services

Aquí hay algunos recursos excelentes para aprender más en profundidad sobre los recursos multimedia, Azure y cómo configurarlo rápidamente:

O la serie de aprendizaje más amplia de nuestro equipo sobre HTML, CSS y JavaScript:

Este artículo es parte de la serie de tecnología de desarrollo web de Microsoft. Nos complace compartir Microsoft Edge y el nuevo motor de renderizado EdgeHTML contigo. Obtén máquinas virtuales gratuitas o realiza pruebas de forma remota en tu dispositivo Mac, iOS, Android o Windows @ http://dev.modern.ie/.

Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.