使用videojs進行實時流式傳輸時發生CORS和請求標頭錯誤

Question

我正在嘗試使用videojs@7.0.0和videojs / http-streaming用html5播放實時流視頻，但是由於我停留在請求標頭和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進行了另一個項目，並且能夠使其在沒有其他設置的情況下工作，因此我認為設置請求標頭可能會出錯在客戶端或其他方面。

謝謝！

Answer 1

Access-Control-Allow-Origin不是客戶端要發送的請求標頭。 您需要配置傳送HLS的服務器以在其響應中發送標頭。

https://enable-cors.org/