Windows Dev Center

Language: HTML | XAML

So wird’s gemacht: Öffnen von lokalen Mediendateien mit dem FileOpenPicker-Steuerelement (HTML)

Geben Sie Audio- oder Video auf dem Computer des Benutzers wieder, indem Sie das FileOpenPicker-Steuerelement für den Zugriff und das Öffnen der Datei verwenden.

Anweisungen

In einer Windows Store-App, die JavaScript verwendet, implementieren Sie die Audio- und Videowiedergabe mit den Audio- und Video-HTML5-Medienelementen. Die Audio- oder Videodatei wird als URL im src-Attribut angegeben.

Ganz ähnlich gehen Sie vor, um Mediendateien wiederzugeben, die sich auf dem Computer des Benutzers befinden. Sie müssen einfach eine URL für die lokale Datei erstellen. Gehen Sie dazu folgendermaßen vor:

  1. Wählen Sie mit FileOpenPicker eine Mediendatei aus.
  2. Rufen Sie URL.createObjectURL auf, um eine Objekt-URL für die Mediendatei zu erstellen.
  3. Legen Sie das src-Attribut des Medienelements auf das URL-Objekt fest.
  4. Rufen Sie die play-Methode für das Medienelement auf, um die Wiedergabe zu starten.

Funktionen

Für den FileOpenPicker sind keine besonderen Funktionen für den Zugriff auf Dateien im lokalen Dateisystem erforderlich, beispielsweise die Music- oder Videoordner von Benutzern, da Benutzer die vollständige Kontrolle darüber haben, auf welche Datei zugegriffen wird. Zur Wahrung der Sicherheit und des Datenschutzes ist es am sinnvollsten, die Anzahl der von der App verwendeten Funktionen möglichst gering zu halten.

Falls für Ihre App jedoch der Zugriff auf die Music- oder Videoordner ohne Benutzerinteraktion erforderlich ist (wenn Sie beispielsweise sämtliche Musik- oder Videodateien einer Sammlung des Benutzers aufzählen und in Ihrer App anzeigen), müssen Sie die Funktionen der Music Library und Videobibliothek deklarieren. Weitere Informationen zur Deklaration von Funktionen finden Sie unter Deklaration der App-Funktionen.

Beispiel

In dem folgenden Beispiel wird ein FileOpenPicker verwendet, um eine Mediendatei aus den Videos des Benutzers abzurufen und wiederzugeben.

Windows Phone Store-Apps müssen pickSingleFileAndContinue verwenden.


function playVideo() {
    var openPicker = new Windows.Storage.Pickers.FileOpenPicker();
    openPicker.pickSingleFileAsync().then(function (fileItem) {
        if (fileItem) {
            var video = document.getElementById("myVideo");
            video.src = URL.createObjectURL(fileItem);
            video.play();
        }
    });
}


Verwandte Themen

Beispiel für die Medienwiedergabe
Video
Audio

 

 

Anzeigen:
© 2015 Microsoft