Erreur "Not allowed to load local resource" lors de la tentative d'attacher un objet MediaSource en tant que source D'une balise vidéo HTML5
J'essaie de faire fonctionner cet exemple. Cela fonctionne bien quand je clique sur le lien. Mais quand j'essaie de télécharger le fichier HTML sur ma machine locale et d'essayer la même chose, il lance cette erreur.
Pas autorisé à charger la ressource locale: blob: null / 6771f68d-c4b8-49a1-8352-f2c277ddfbd4
La ligne de code qui semble causer le problème est la suivante,
video.src = window.URL.createObjectURL(mediaSource);
Ce Que fait cette ligne de code est essentiellement d'essayer de définir la source de l'élément multimédia de la balise vidéo à L'objet MediaSource. J'ai essayé diverses combinaisons sans beaucoup de chance.
J'utilise la version Chrome 28.0.1500.72 m, qui est la dernière version stable.
J'apprécierais tous les pointeurs.
2 réponses
Comme @ dandavis l'a dit, "exécutez - le à partir de http: not file".
Je poste ceci en tant qu'aswer pour des raisons d'organisation.
Pour commencer: Exécuter votre projet à partir de http signifie avoir un serveur http (tel qu'apache ou un simple nœud http-server ) et exécuter votre projet via http : / / localhost.
Installer http-server échelle mondiale à l'aide de mnp de commande(à condition d'avoir installé Nœud.js dans votre système au préalable). Accédez à votre dossier de fichiers dans CMD et tapez http-server . Votre application doit fonctionner dans localhost: 8080.