Получение ошибки "Не разрешено загружать локальный ресурс" при попытке подключить объект MediaSource в качестве источника тега видео HTML5

Я пытаюсь получить этот пример для работы. Он отлично работает, когда я нажимаю ссылку. Но когда я пытаюсь загрузить HTML файл на свой локальный компьютер и попробую сделать то же самое, он бросает эту ошибку.

Не разрешено загружать локальный ресурс: blob: null/6771f68d-c4b8-49a1-8352-f2c277ddfbd4

Строка кода, которая, по-видимому, вызывает проблему, такова,

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

Что делает эта строка кода, в основном пытается установить источник медиа-тега видеотега в объект MediaSource. Я пробовал различные перестановки без большой удачи.

Я использую версию Chrome 28.0.1500.72 m, которая является последней стабильной версией.

Буду признателен за любые указатели.

Ответ 1

Как сказал @dandavis, "запустите его из http: not file".

Я отправляю это как aswer ради организации.

Ответ 2

Установите http-server глобально, используя команду npm (при условии, что вы заранее установили Node.js). Перейдите в папку вашего файла в CMD и введите http-server. Ваше приложение должно работать в localhost: 8080.