Codificación y transmisión de archivos de vídeo con Node.js

  • Artículo
  • 4 minutos para leer

Logotipo de Media Services v3

¿Busca la documentación de Media Services, versión 2?

Este inicio rápido muestra lo fácil que es codificar e iniciar el streaming de vídeos en una amplia variedad de navegadores y dispositivos con Azure Media Services. Para especificar cualquier archivo de vídeo de entrada se pueden usar direcciones URL HTTPS, direcciones URL SAS o rutas de acceso a archivos ubicados en Azure Blob Storage.

Al finalizar este inicio rápido, sabrá:

  • Cómo codificar con Node.js
  • Cómo hacer streaming con Node.js
  • Cómo cargar un archivo desde una dirección URL HTTPS con Node.js
  • Cómo usar un reproductor de cliente HLS o DASH con Node.js

En el ejemplo de este artículo se codifica contenido que se hace accesible a través de una dirección URL HTTPS. Tenga en cuenta que, actualmente, AMS v3 no admite la codificación de transferencia fragmentada a través de direcciones URL de HTTPS.

Reproducción del vídeo

Si no tiene una suscripción a Azure, cree una cuenta gratuita antes de empezar.

Prerrequisitos

Descarga y configuración del ejemplo

Clone un repositorio GitHub que contenga el ejemplo de Node.js de streaming en la máquina con el siguiente comando:

git clone https://github.com/Azure-Samples/media-services-v3-node-tutorials.git

El ejemplo se encuentra en la carpeta StreamFilesSample.

Abra index.ts en el proyecto descargado. Actualice el archivo sample.env en la carpeta raíz con los valores y las credenciales que obtuvo al acceder a las API. Cambie el nombre del archivo sample.env a .env (sí, solo la extensión).

Este ejemplo realiza las acciones siguientes:

  1. Crea una transformación con un valor preestablecido para la codificación según el contenido. En primer lugar, comprueba si existe la transformación especificada.
  2. Crea un recurso de salida que utiliza el trabajo de codificación para contener el resultado.
  3. Opcionalmente, carga un archivo local mediante el SDK de Blob Storage.
  4. Crea la entrada del trabajo, que es una dirección URL HTTPS o un archivo cargado.
  5. Envía el trabajo de codificación, para lo que usa la entrada y salida que se crearon previamente.
  6. Comprueba el estado del trabajo.
  7. Descarga la salida del trabajo de codificación en una carpeta local.
  8. Crea un localizador de streaming para usarlo en el reproductor
  9. Genera direcciones URL de streaming para HLS y DASH
  10. Reproduce el contenido en una aplicación de reproductor: Azure Media Player

Ejecución del ejemplo

  1. La aplicación descarga los archivos codificados. Cree la carpeta a la que desea que vayan los archivos de salida ir y actualice el valor de la variable outputFolder en el archivo index.ts. De forma predeterminada se establece en "Temp".

  2. Abra un símbolo del sistema y desplácese al directorio del ejemplo.

  3. Cambie el directorio a la carpeta AMSv3Samples.

    cd AMSv3Samples

  4. Instale los paquetes que se usan en el archivo packages.json.

    npm install

  5. Cambie el directorio a la carpeta StreamFilesSample.

    cd StreamFilesSample

  6. Inicie Visual Studio Code desde la carpeta AMSv3Samples (es necesario para iniciar desde la carpeta en la que se encuentran la carpeta .vscode y los archivos tsconfig.json).

    cd ..
code .

Abra la carpeta StreamFilesSample y el archivo index.ts en el editor de Visual Studio Code. En el archivo index.ts, presione F5 para iniciar el depurador.

Prueba con Azure Media Player

Use Azure Media Player para probar la secuencia. También puede usar cualquier reproductor compatible con HLS o DASH, como Shaka Player, HLS.js, Dash.js u otros.

Debería poder hacer clic en el vínculo generado en el ejemplo e iniciar el reproductor AMP con el manifiesto de DASH cargado.

Nota

Si el reproductor está hospedado en un sitio https, asegúrese de actualizar la dirección URL a "https".

  1. Abra un explorador web y vaya a https://aka.ms/azuremediaplayer/.
  2. En el cuadro Dirección URL: , pegue uno de los valores de dirección URL de streaming que recibió al ejecutar la aplicación. Puede pegar la dirección URL en formato HLS, Dash o Smooth y Azure Media Player cambiará a un protocolo de streaming adecuado para su reproducción automática en el dispositivo.
  3. Presione Actualizar Player.

Azure Media Player puede usarse para realizar pruebas, pero no debe usarse en un entorno de producción.

Limpieza de recursos

Si ya no necesita ninguno de los recursos del grupo de recursos, como las cuentas de almacenamiento y de Media Services que creó en este tutorial, elimine el grupo de recursos.

Ejecute el siguiente comando de la CLI:

az group delete --name amsResourceGroup

Más documentación para desarrolladores sobre Node.js en Azure

Consulte también

Pasos siguientes

Conceptos de Azure Media Services