Récupération de l'erreur "Non autorisé à charger une ressource locale" lors de la tentative de liaison d'un objet MediaSource en tant que source d'une balise vidéo HTML5
J'essaie d'obtenir ceci exemple au travail. Cela fonctionne bien quand je clique sur le lien. Mais lorsque j'essaie de télécharger le fichier HTML sur ma machine locale et que je tente la même chose, cette erreur est générée.
Non autorisé à charger la ressource locale: blob: null/6771f68d-c4b8-49a1-8352-f2c277ddfbd4
La ligne de code qui semble être à l'origine du problème est la suivante:
video.src = window.URL.createObjectURL(mediaSource);
Cette ligne de code tente en réalité de définir la source de l'élément média de balise video sur l'objet MediaSource. J'ai essayé diverses permutations sans trop de chance.
J'utilise la version de Chrome 28.0.1500.72 m, qui est la dernière version stable.
J'apprécierais tous les pointeurs.
Comme @dandavis l'a dit, "lancez-le à partir de http: not file".
je poste ceci comme une réponse pour des raisons d'organisation.
Pour commencer: Exécuter votre projet à partir de http signifie avoir un serveur http (comme Apache ou un nœud simple http-server ) et exécuter votre projet via http: // localhost .
Installez http-server globally en utilisant la commande npm (à condition que vous ayez préalablement installé Node.js dans votre système). Accédez à votre dossier de fichiers dans CMD et tapez serveur http . Votre application doit être exécutée dans localhost: 8080 .