web-dev-qa-db-de.com

Beim Versuch, ein MediaSource-Objekt als Quelle eines HTML5-Videotags anzuhängen, wird der Fehler "Lokale Ressource darf nicht geladen werden" angezeigt

Ich versuche, dieses Beispiel zum Laufen zu bringen. Es funktioniert gut, wenn ich auf den Link klicke. Wenn ich jedoch versuche, die HTML-Datei auf meinen lokalen Computer herunterzuladen und dieselbe zu versuchen, wird dieser Fehler ausgegeben.

Das Laden der lokalen Ressource ist nicht zulässig: blob: null/6771f68d-c4b8-49a1-8352-f2c277ddfbd4

Die Codezeile, die das Problem zu verursachen scheint, ist folgende:

video.src = window.URL.createObjectURL(mediaSource);

In dieser Codezeile wird im Grunde versucht, die Quelle des Video-Tag-Medienelements auf das MediaSource-Objekt festzulegen. Ich habe verschiedene Permutationen ohne viel Glück ausprobiert.

Ich verwende Chrome Version 28.0.1500.72 m, die neueste stabile Version.

Ich würde mich über Hinweise freuen.

26
Mathew

Wie @dandavis gesagt hat: "Führen Sie es von http aus: nicht von der Datei aus".

ich poste dies als Antwort auf die Organisation.

Für Anfänger: Wenn Sie ein Projekt von http ausführen, bedeutet dies, dass Sie über einen http-Server (wie Apache oder einen einfachen Knoten http-server ) verfügen und Ihr Projekt über http: // localhost ausführen .

29
Filipe Merker

Installieren Sie http-server global mit dem npm-Befehl (vorausgesetzt, Sie haben Node.js in Ihrem System zuvor installiert). Navigieren Sie zu Ihrem Dateiordner in CMD und geben Sie http-server ein. Ihre App sollte in localhost: 8080 laufen.

0
Clinton Roy