Question

我们使用seaweedFS来保存我们的图像和mp4视频文件。现在，我们计划在seaweedFS上保存HLS文件。一切都很完美，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前面使用NGINX来添加其他标头。用这种方式我解决了我的问题。

这是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;
            }
    }

跨源请求阻止的HLS URL

1 个答案: