Ошибки CORS и Request Headers при прямой трансляции с использованием videojs - PullRequest
Новая
       34

Ошибки CORS и Request Headers при прямой трансляции с использованием videojs

0 голосов
/ 19 сентября 2018

Я пытаюсь воспроизвести потоковое видео в формате html5, используя videojs@7.0.0 и videojs / http-streaming, но не могу заставить его работать, потому что я застрял на заголовках запросов и ошибках CORS.Я использую протокол HLS, и файл имеет формат m3u8.

Печать - заголовки

Печать - ошибка консоли

Это код из теста: 

videojs.Hls.xhr.beforeRequest = function(options) {
    options.headers = {
        "Content-Type": "application/x-mpegURL",
        "Access-Control-Allow-Origin": "*"
    }
    return options;
};
player.ready(function() {
    this.src({
        src: 'http://my-url/playlist.m3u8',
        type: 'application/x-mpegURL',
    });
    player.play();
});

Когда я пытаюсь воспроизвести видео по требованию, оно работает нормально, но с потоковой передачей не работает ни в одном браузере.Я думал, что это может быть ошибка из-за заголовков, установленных на стороне сервера, но я уже выполнил другой проект, использующий angular и videogular, и смог заставить его работать без дополнительных настроек, поэтому я думаю, что, возможно, я ошибаюсь, устанавливая заголовки запросана стороне клиента или что-то в этом роде.

Спасибо!

1 Ответ

0 голосов
/ 22 сентября 2018

Access-Control-Allow-Origin не является заголовком запроса для отправки клиентом.Необходимо настроить сервер, доставляющий HLS, для отправки заголовков в своем ответе.

https://enable -cors.org /

...