如何使用标准网络技术创建 3D/360 VR 视频？

Posted 2023-04-18

【中文标题】如何使用标准网络技术创建 3D/360 VR 视频？

【英文标题】：How to create 3D/360 VR videos using standard web technologies?

【发布时间】：2020-10-07 01:27:55

【问题描述】：

我知道一些网站会在不使用 VR 引擎的情况下将手机放入 Google Cardboard（非电子设备、两个塑料镜片和一个装有手机的纸板箱）中，从而在浏览器中提供 3D/360 VR 视频。

我猜这样的视频是基于两个文件，其中包含 2 个 3D 视图（左眼/右眼），它们嵌入在网页上，可以访问一些浏览器 API 以获取设备的位置以实现 360 度体验.

如果您能告诉我如何制作此类视频，我将不胜感激。假设我已经拥有由 3D/360 cam 创建的 mp4 文件。如何将它们嵌入网站以在手机的网络浏览器中创建 3D/360 体验？

【参考方案1】：

如果您使用的相机可以生成与 YoutUbe 或类似服务兼容的格式，您只需将视频上传到那里并使用他们的服务。

如果您想自己托管它，您需要一个可以支持该格式的播放器 - 不同的播放器会有不同的配置和设置，但有一些示例：

安卓手机：https://developers.google.com/vr/android/samples/video360 Web：基于three.js：https://threejs.org/docs/#api/en/textures/VideoTexture（这里的示例虽然现在有点旧：https://github.com/gbentaieb/simple360Player 商业跨平台解决方案：https://bitmovin.com/demos/vr-360,https://www.omnivirt.com/vr-player/

还有一个 Google Codelabs，其中包括构建用于在 Google Carboard 中观看的 VR 视频 - 您需要注意，Google 会随着时间的推移更改对 VR 的支持和方法，但通常也会在一段时间内支持较旧的 API：

https://codelabs.developers.google.com/codelabs/vr_view_101/#0