如何在 Adob​​e Media Server 中允许来自 Javascript 的 CORS 请求

Question

我有一个 html 页面，从 javascript 调用 HLS。 获取标题“allow-control-allow-origin”的 CORS 错误。 我使用的是 Adob​​e Media Server 4.5。 如何允许来自 javascript 的 CORS 请求？

Answer 1

Adobe Media Server 使用 Apache HTTP Server。 要启用 CORS，您需要在 Apache HTTP Server 配置文件中添加以下行：

Header set Access-Control-Allow-Origin "your_page_origin"

您需要将“your_page_origin”替换为发出请求的页面的来源，或替换为“*”以允许来自任何域的请求。 检查启用 CORS 网站和配置 Apache HTTP 服务器文档页面以获取更多信息。

此外，您可以使用 HTML video标签来嵌入 HLS。 当用户代理向video源发出请求时，它默认不会发送Origin标头，并且不会在服务器响应中搜索与 CORS 相关的标头。 在这种情况下，您不需要更改服务器配置。 Apple 建议在HTTP Live Streaming 概述的介绍中使用video标签：

重要提示：在可能的情况下，使用 <video> 标签嵌入 HTTP Live Streaming，并仅使用 <object> 或 <embed> 标签指定后备内容。

查看如何使用 html5 视频标签线程播放 Apple HLS 实时流以获取更多信息。