javascript - Error de "No se permite cargar el recurso local" al intentar adjuntar un objeto MediaSource como fuente de una etiqueta de video HTML5

html5-video media-source

Question

Estoy tratando de hacer que this ejemplo funcione. Funciona bien cuando hago clic en el enlace. Pero cuando intento descargar el archivo HTML en mi máquina local y probar lo mismo, se está generando este error.

No se permite cargar el recurso local: blob: null / 6771f68d-c4b8-49a1-8352-f2c277ddfbd4

La línea de código que parece estar causando el problema es esta,

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

Lo que está haciendo esta línea de código es básicamente intentar establecer el origen del elemento multimedia de la etiqueta de video en el objeto MediaSource. He intentado varias permutaciones sin mucha suerte.

Estoy usando la versión de Chrome 28.0.1500.72 m, que es la última versión estable.

Apreciaría cualquier puntero.

Answer 1

Como @dandavis ha dicho, "ejecútelo desde http: not file".

Estoy publicando esto como una respuesta por el bien de la organización.

Para empezar : ejecutar su proyecto desde http significa tener un servidor http (como apache o un nodo simple http-server ) y ejecutar su proyecto a través de http : // localhost.

Answer 2

Instale http-server globalmente con el comando npm (siempre que haya instalado Node.js en su sistema de antemano). Navegue a su carpeta de archivos en CMD y escriba http-server . Su aplicación debe ejecutarse en localhost: 8080 .