Video HTML5: comprensión de la compresión y DRM con Azure Media Services, AES, PlayReady y Video Transports

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 usando una herramienta de grabación de video, así como 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á crear una cuenta de Media Service en Azure antes de poder hacer nada. Aquí hay un tutorial sobre cómo hacerlo.. Si no tiene una cuenta de Azure, puede Regístrese para una prueba de 30 días (valor de $ 200)o comuníquese conmigo para recibir un cuenta BizSpark para obtener $ 150 / mes por desarrollador en su equipo, durante tres años.

Actualizaciones recientes

A continuación, se incluye una lista de actualizaciones recientes de la oferta de servicios multimedia de Microsoft.

Codificación en vivo

Se puede combinar con empaquetado dinámico, encriptación dinámica, sub-recorte, manipulación dinámica de manifiestos, inserción de marcadores de anuncios y capacidades fluidas en vivo a demanda.

Reproductor de medios de Azure

• Detección y reproducción automáticas de plataforma (elige el mejor formato para un navegador/dispositivo)
• API unificadas de HTML5 y JS
• Reproducción de contenido protegido (AES y Play Ready)
• Depuración del reproductor de video (registro, calidad del monitor de flujos de velocidad de bits, información de diagnóstico)

¿Qué es RTMP?

Necesitamos un formato para ingerir nuestro contenido desde nuestra herramienta de grabación de video, que trataré en el siguiente tutorial. Para hacer eso, entregamos nuestro contenido a Azure usando RTMP.

El Protocolo de mensajería en tiempo real 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 se basa en 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 entreguen 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.

Esto es un transporte que entrega el contenedor (.mp4, FLV) a su reproductor de video. Aquí hay una lección más profunda del Sr. PM en el equipo de Servicios de Medios, Cenk Dingiloglu.

RTMP es lo que usaremos para ingerir nuestro contenido de video desde nuestra grabadora de video (cámara en su 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, incluidas 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 suele usar 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 combinar 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, 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 en tasas 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 que tiene métodos de compresión más avanzados que el básico MPEG-4 compresión. Una de las ventajas de H.264 es la alta tasa de compresión. Es aproximadamente de 1,5 a 2 veces más eficiente que la codificación MPEG-4.

Entonces, las 2 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 video para reproducción en tiempo real

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

Protección de su contenido

Así que tienes tu video en Internet, pero ¿qué pasa si quieres protegerlo de la piratería? Sé que sé, «La información quiere ser libre»pero todavía tienes que recibir un pago por tu trabajo.

¿Alguna vez trató de ver un video en una fuente en línea como Hulu, Xfinity o Amazon y dice que no tiene acceso y necesita actualizar su suscripción? Bueno, lo están haciendo con un estándar de cifrado para proteger esos activos.

A menudo pueden lograr esto con el paso de token, que es un objeto encriptado que ilustra a la aplicación o video a lo que tiene acceso, y esto se conoce como «privilegios» o DRM. Me las arreglé para tropezar con un error de DRM en Netflix hoy.

Veamos un gran proveedor como Comcast, propietario de la Catálogo a pedido de Xfinity. Si hago clic en un video sin iniciar sesión en mi cuenta, puede decir “HBO no es parte de sus 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 jugar, como lo marca el “Solo para suscriptores de HBO” texto y el «Tocar» botón con una llave al lado.

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. Cuando hago clic en el botón «Reproducir», ese token se pasa al servicio de video, que lo abre, ve mis permisos y declara si puedo ver este contenido o no.

Cifrado AES frente a PlayReady

AES es la abreviatura de Advanced Encryption Standard y no se limita a 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 un resumen técnico del estándar de Purdue.

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

Poniendolo todo junto

Ahora que entendemos qué son los protocolos de compresión, contenedor y transporte, pongámoslo todo junto.

En la próxima lección, grabaremos contenido de video y lo incorporaremos con RTMP, lo codificaremos usando el estándar de compresión H.264, lo almacenaremos en un contenedor .mp4 y lo transmitiremos desde nuestro canal usando uno de los diversos protocolos. enumerados en el tutorial anterior.

Más información sobre los servicios multimedia de Azure

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

• Azure Media Services 101 – Azure Fridays (Canal 9)
• Introducción a Azure Media Services (vídeo)
• Empaquetado dinámico con Azure Media Services

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

• Consejos prácticos de rendimiento para hacer que su HTML/JavaScript sea más rápido (una serie de 7 partes desde el diseño receptivo hasta los juegos casuales y la optimización del rendimiento)
• La plataforma web moderna JumpStart (los fundamentos de HTML, CSS y JS)
• Desarrollo de aplicaciones universales de Windows con HTML y JavaScript JumpStart (use el JS que ya ha creado para crear una aplicación)

Este artículo es parte de la serie de tecnología de desarrollo web de Microsoft. Estamos emocionados de compartir Borde de Microsoft y el nuevo Motor de renderizado EdgeHTML contigo. Obtenga máquinas virtuales gratuitas o realice pruebas de forma remota en su dispositivo Mac, iOS, Android o Windows @ http://dev.modern.ie/

(dpe)