跨源请求阻止HLS URL

Question

我们使用seaweedFS保存我们的图像和mp4视频文件。现在，我们计划将HLS文件保存在seaweedFS上。一切都很完美，HLS文件现在正在seaweedFS上保存，但是当我们尝试在HTML5视频播放器中使用HLS URL时，它会发出以下警告：

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://{seaweedFS-URL}/gpocam/timelapses/testt-ymgqr/index.m3u8. (Reason: CORS header 'Access-Control-Allow-Origin' missing).

当我在VLC中使用相同的URL时，它可以工作，但在浏览器的播放器中不起作用。有人能指出这里的问题吗？

Answer 1

我在seaweedFS前面使用了seaweedFS来添加额外的标题。我用这种方式解决了我的问题。

下面是NGINX配置：

upstream media_evercam {
            server 127.0.0.1:8888;
    }

    more_set_headers 'Access-Control-Allow-Origin: *';
    more_set_headers "Content-Type: $upstream_http_content_type";

    include /etc/nginx/mime.types;
    default_type application/octet-stream;

    server {
            listen 80;
            server_name localhost;

            location / {
                    proxy_pass http://media_evercam;
                    proxy_connect_timeout 60s;
            }
    }