Question

我的设置：

XAMPP（版本5.6.20）
使用源代码：https://github.com/googlecast/CastHelloVideo-chrome
Google Chrome（版本50.0.2661.94（64位））
Macbook air（10.11.1（15B42））
Chromecast第2代（固件版本：1.18.55065）

修改后的httpd.conf位于：/Applications/XAMPP/xamppfiles/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

当我点击＆＃34;加载自定义媒体＆＃34;要加载https://devimages.apple.com.edgekey.net/streaming/examples/bipbop_4x3/bipbop_4x3_variant.m3u8的按钮，请从http://RECEIVER-IP-ADDRESS:9222的Chromecast日志中获取此错误：

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流？

为什么我得到＆＃34;否＆＃39;访问控制 - 允许 - 来源＆＃39;标头出现在请求的资源上。＆＃34;？当我卷曲时，它表明它存在。

Answer 1

我发现Google Developer网站提供了记住全局权限链接的简便方法。如果要创建跨源请求，可以将permissions": ["<all_urls>"]添加到清单中，否则可以使用描述为here的匹配模式。

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

无法通过Chrome发送者应用在chromecast上播放HLS直播或VOD流

1 个答案: