Fehlermeldung "Lokale Ressource nicht laden" beim Versuch, ein MediaSource-Objekt als Quelle eines HTML5-Video-Tags anzuhängen

Question

Ich versuche, this als Beispiel zu verwenden. Es funktioniert gut, wenn ich auf den Link klicke. Aber wenn ich versuche, die HTML-Datei auf meinem lokalen Rechner herunterzuladen und dasselbe zu versuchen, wird dieser Fehler angezeigt.

erlaubt Nicht lokale Ressource zu laden: Blob: null/6771f68d-c4b8-49a1-8352-f2c277ddfbd4

Die Codezeile, die das Problem verursacht dies,

zu sein scheint video.src = window.URL.createObjectURL(mediaSource);

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

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

Ich würde alle Hinweise zu schätzen wissen.

Answer 1

Wie @dandavis gesagt hat, "führen Sie es von http: nicht Datei".

Ich poste dies als eine Frage der Organisation.

Für den Anfang: Sie laufende Projekt von http bedeutet einen http-Server (wie Apache oder einem einfachen Knoten http-server) und läuft Ihr Projekt über http mit: // localhost.

Answer 2

Installieren http-Server global npm Befehl (vorausgesetzt, Sie Node.js in Ihrem System installiert haben vorher). Navigieren Sie zu Ihrem Dateiordner in CMD und geben Sie http-server ein. Ihre App sollte unter localhost: 8080 ausgeführt werden.