在 Safari 上使用 a-frame videosphere 进行流式传输答案

【问题标题】：Streaming with a-frame videosphere on Safari在 Safari 上使用 a-frame videosphere 进行流式传输
【发布时间】：2017-09-27 20:40:44
【问题描述】：

我正在使用 a-frame videosphere 来显示一个相当大的 mp4 视频文件 (70 MB)。在 Chrome 和 Firefox 中一切正常，但在 Safari（移动和桌面）中，视频在整个视频文件完全加载之前不会开始呈现。加载时似乎无法流式传输。当我将源视频文件直接嵌入为 html5 视频时，Safari 能够缓冲视频。因此我认为原因一定是一些框架内部的东西.. 有没有其他人也遇到过这个问题，也许知道该怎么办？

希望有人能帮忙，先谢谢了！

PS.：a-frame 版本 0.7.0，Safari 11.0（桌面）

【问题讨论】：

标签： javascript html video safari aframe

【解决方案1】：

我在 a-frame 中找到了原因并提交了 pull-request (https://github.com/aframevr/aframe/pull/3089)。

A-frame 通过在图像对象上设置 src 并侦听“加载”和“错误”事件来检查引用的文件是否为图像。在源文件完全加载之前，Safari 不会触发这些事件，并且只有在那之后才会显示视频。我将图像检查替换为 xhr 头请求并检查内容类型。

【讨论】：