无法从chrome发送器应用程序在chromecast上播放HLS直播或VOD流

Question

我的设置：

• XAMPP（版本5.6.20）
• 使用源代码：https://github.com/googlecast/CastHelloVideo-chrome
• 谷歌浏览器（版本50.0.2661.94（64位））
• Macbook air（10.11.1（15B42））
• Chromecast第二代（固件版本：1.18.55065）

修改后的httpd.conf位于此处：/Applications/XAMPP/examplefiles/etc/httpd.conf

<Directory "/Applications/XAMPP/xamppfiles/htdocs">
#
# Possible values for the Options directive are "None", "All",
# or any combination of:
#   Indexes Includes FollowSymLinks SymLinksifOwnerMatch ExecCGI MultiViews
#
.....
Header always set Access-Control-Allow-Origin "*"
Header always set Access-Control-Max-Age "1000"
Header always set Access-Control-Allow-Headers "X-Requested-With, Content-Type, Origin, Authorization, Accept, Client-Security-Token, Accept-Encoding"
Header always set Access-Control-Allow-Methods "POST, GET, OPTIONS, DELETE, PUT"
</Directory>

稍后在httpd.conf中确保启用了

 LoadModule headers_module modules/mod_headers.so

如果我这样做，castvideo与的根路径相同https://github.com/googlecast/CastHelloVideo-chrome:curl -I https://myserver.com/castvideo/index.html

我得到：

HTTP/1.1 200 OK
Date: Tue, 10 May 2016 23:12:26 GMT
Server: Apache/2.4.18 (Unix) OpenSSL/1.0.2g PHP/5.6.20 mod_perl/2.0.8-dev Perl/v5.16.3
Access-Control-Allow-Origin: *
Access-Control-Max-Age: 1000
Access-Control-Allow-Headers: X-Requested-With, Content-Type, Origin, Authorization, Accept, Client-Security-Token, Accept-Encoding
Access-Control-Allow-Methods: POST, GET, OPTIONS, DELETE, PUT
Accept-Ranges: bytes
Content-Length: 3323
Content-Type: text/html

当我点击"加载自定义媒体"按钮加载时https://devimages.apple.com.edgekey.net/streaming/examples/bipbop_4x3/bipbop_4x3_variant.m3u8，从chromecast日志中获取此错误http://RECEIVER-IP-ADDRESS:9222:

XMLHttpRequest cannot load     https://devimages.apple.com.edgekey.net/streaming/examples/bipbop_4x3/bipbop_4x3_variant.m3u8. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://www.gstatic.com' is therefore not allowed access.
media_player.js:22  [ 23.204s] [goog.net.XhrIo] Request complete [GET https://devimages.apple.com.edgekey.net/streaming/examples/bipbop_4x3/bipbop_4x3_variant.m3u8 0]
media_player.js:22  [ 23.212s] [cast.player.api.Host] error: cast.player.api.ErrorCode.NETWORK/311Gb @ media_player.js:22Eb.di @ media_player.js:22ib.log @ media_player.js:19Kb @ media_player.js:23L @ media_player.js:85xg.Ub @ media_player.js:166k.fd @ media_player.js:108of.fd @ media_player.js:109k.uc @ media_player.js:108pc @ media_player.js:34oc.dispatchEvent @ media_player.js:33Gc @ media_player.js:39Ic @ media_player.js:42D.Ui @ media_player.js:40D.zh @ media_player.js:40
media_player.js:22  [ 23.216s] [cast.player.api.Player] unload
cast_receiver.js:45  [ 23.376s] [cast.receiver.MediaManager] Load metadata error: [object Object]

问题：

为什么我不能不播放HLS流？

为什么我得到"请求的资源上不存在‘访问控制允许来源’标头"？当我做卷发时，它表明它是存在的。

Answer 1

我发现谷歌开发者网站提供了一种简单的方式来记住权限的全局链接。如果您想进行跨来源请求，您可以将permissions": ["<all_urls>"]添加到清单中，或者您可以使用此处描述的匹配模式。

下面是一个使用HLS播放器的示例项目：https://github.com/RReverser/mpegts