So wird’s gemacht: Öffnen von Mediendateien über das Netzwerk (HTML)

Artikel
02/16/2016

[ Dieser Artikel richtet sich an Windows 8.x- und Windows Phone 8.x-Entwickler, die Windows-Runtime-Apps schreiben. Wenn Sie für Windows 10 entwickeln, finden Sie weitere Informationen unter neueste Dokumentation ]

Legen Sie die Medienquelle eines audio- oder video-Elements auf eine Mediendatei im Netzwerk fest.

Voraussetzungen

Dieses Thema setzt voraus, dass Sie eine einfache Windows-Runtime-App mit JavaScript erstellen können. Informationen zum Erstellen Ihrer ersten App finden Sie unter Create your first Windows Runtime app using JavaScript.

Dieses Thema setzt voraus, dass Sie mit den HTML-Elementen audio und video vertraut sind. Eine Einführung in die Verwendung der Elemente audio und video finden Sie unter Schnellstart: Wiedergeben von Videos in einer App.

Anweisungen

Schritt 1: Einführung

Die Elemente audio und video geben Audio- bzw. Videomedien in einer Windows-Runtime-App mit JavaScript wieder. Die src-Eigenschaft gibt die Mediendatei an, die wiedergegeben werden soll. Hierbei kann es sich um eine Datei im Netzwerk, eine Datei in der App oder eine Datei im lokalen System handeln.

Legen Sie die src-Eigenschaft auf den Pfad der Datei fest, um Dateien im Netzwerk oder in die App eingebettete Dateien wiederzugeben.

Zum Öffnen von Dateien im lokalen System oder aus Microsoft OneDrive können Sie das FileOpenPicker-Element verwenden, um die Datei abzurufen. Weitere Informationen finden Sie unter So wird's gemacht: Öffnen von lokalen Mediendateien mit dem FileOpenPicker-Steuerelement.

In diesem Thema erläutern wir, wie Sie src auf eine Mediendatei im Netzwerk oder eine in der App eingebettete Mediendatei festlegen.

Informationen zu unterstützten Audio- und Videomedienformaten in Windows Store-Apps finden Sie unter Unterstützte Audio- und Videoformate.

Schritt 2: Funktionen

Wenn Sie Dateien aus dem Internet abrufen, müssen Sie die Internet (Client)-Funktionen in der Datei Package.appmanifest Ihres Projekts festlegen. Weitere Informationen zur Deklaration von Funktionen finden Sie unter Deklaration der App-Funktionen.

Schritt 3: Festlegen der Quelle auf eine Datei im Netzwerk im HTML-Format

Im Folgenden sehen Sie Code, mit dem die src-Eigenschaft des video-Elements festgelegt werden soll.

<body>
  <video id="mediaVideo" src="https://www.contoso.com/clip.mp4" controls/>
</body>

Schritt 4: Festlegen der Quelle in JavaScript

    var media = document.getElementById("mediaVideo");
    media.src = "https://www.contoso.com/clip2.mp4";

Freigeben über