Videobestanden coderen en streamen met Node.js

Artikel
11/11/2021
3 minuten om te lezen

Zoekt u Media Services v2-documentatie?

Deze snelstartgids laat zien hoe u met Azure Media Services eenvoudig video's kunt coderen en streamen naar allerlei verschillende browsers en apparaten. Een invoervideobestand kan worden opgegeven met HTTPS-URL's, SAS-URL's of paden naar bestanden in Azure Blob Storage.

Aan het einde van deze quickstart weet u het volgende:

Coderen met Node.js
Streamen met Node.js
Een bestand uploaden van een HTTPS-URL met Node.js
Een HLS- of DASH-clientspeler gebruiken met Node.js

Met het voorbeeld in dit artikel wordt inhoud gecodeerd die u toegankelijk maakt via een HTTPS-URL. Op dit moment biedt AMS v3 geen ondersteuning voor gesegmenteerde overdrachtscodering via HTTPS-URL's.

De video afspelen

Als u geen Azure-abonnement hebt, maakt u een gratis account voordat u begint.

Vereisten

Node.js installeren
Een Azure Media Services-account maken.
Vergeet niet de waarden die u hebt gebruikt voor de namen van de resourcegroep en het Media Services-account.
Volg de stappen in Access Azure Media Services API with the Azure CLI (Toegang tot de Azure Media Services-API met de Azure CLI) en sla de referenties op. U hebt deze nodig voor toegang tot de API.
Doorloop de how-to-Verbinding maken with Node.js how-to first (Configureren en configureren met Node.jseerste) om te begrijpen hoe u de client-SDK Node.js gebruiken

Het voorbeeld downloaden en configureren

Gebruik de volgende opdracht om een GitHub-opslagplaats te klonen op uw computer die het Node.js-voorbeeld voor het streamen van video bevat:

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

Het voorbeeld bevindt zich in de map StreamFilesSample.

Open index.ts in het gedownloade project. Werk het bestand sample.env in de hoofdmap bij met de waarden en referenties die u hebt gekregen bij het openen van API's. Wijzig de naam van het bestand sample.env in .env (Ja, alleen de extensie).

In het voorbeeld worden de volgende acties uitgevoerd:

Hiermee maakt u een transformatie met een vooraf ingestelde inhoudsbewuste codering. Eerst wordt gecontroleerd of de opgegeven transformatie bestaat.
Hiermee maakt u een uitvoer-asset die door de coderings job wordt gebruikt om de uitvoer op te nemen
Uploadt eventueel een lokaal bestand met behulp van de Storage Blob SDK
Hiermee maakt u de taakinvoer die is gebaseerd op een HTTPS-URL of geüpload bestand
De coderings job wordt met behulp van de eerder gemaakte invoer en uitvoer
Controleert de status van de taak
Downloadt de uitvoer van de coderings taak naar een lokale map
Hiermee maakt u een streaming-locator voor gebruik in de speler
Streaming-URL's voor HLS en DASH maken
Speelt de inhoud terug in een spelertoepassing - Azure Media Player

De voorbeeldtoepassing uitvoeren

De toepassing downloadt gecodeerde bestanden. Maak een map waarin u de uitvoerbestanden wilt opslaan en werk de waarde van de variabele outputFolder in het bestand index.ts bij. Deze is standaard ingesteld op Temp.
Open een opdrachtprompt en blader naar de map van het voorbeeld.
Wijzig de map in de map AMSv3Samples.
```
cd AMSv3Samples
```
Installeer de pakketten die worden gebruikt in het bestand packages.json.
```
npm install 
```
Wijzig de map in de map StreamFilesSample.
```
cd StreamFilesSample
```
Start Visual Studio Code vanuit de map AMSv3Samples. (Dit is vereist om te starten vanuit de map waarin de .vscode-map en tsconfig.json-bestanden zich bevinden.)
```
cd ..
code .
```

Open de map voor StreamFilesSample en open het bestand index.ts in de Visual Studio Code-editor. Druk in het bestand index.ts op F5 om het debugger te starten.

Testen met Azure Media Player

Gebruik Azure Media Player om de stream te testen. U kunt ook elke HLS- of DASH-compatibele speler gebruiken, zoals Shaka-speler, HLS.js, Dash.js of andere.

U moet kunnen klikken op de koppeling die in het voorbeeld is gegenereerd en de AMP-speler starten met het DASH-manifest dat al is geladen.

Notitie

Als een speler wordt gehost op een https-site, moet u de URL bijwerken naar 'https'.

Open een browser en ga naar https://aka.ms/azuremediaplayer/.
Plak in het vak URL: een van de streaming-URL-waarden die u hebt opgelopen tijdens het toepassen van de toepassing. U kunt de URL in de HLS-, Dash- of Smooth-indeling plakken en Azure Media Player schakelt over naar een geschikt streamingprotocol om automatisch op uw apparaat af te spelen.
Klik op Update Player.

Azure Media Player kan worden gebruikt voor testdoeleinden, maar mag niet worden gebruikt in een productieomgeving.

Resources opschonen

Als u de resources in de resourcegroep niet meer nodig hebt, met inbegrip van het Media Services-account en de opslagaccounts die u hebt gemaakt voor deze zelfstudie, verwijdert u de resourcegroep.

Voer de volgende CLI-opdracht uit:

az group delete --name amsResourceGroup

Meer documentatie voor ontwikkelaars voor Node.js in Azure

Zie ook

Volgende stappen

Media Services-concepts