我正在尝试在全屏VR(纸板)中托管360视频

时间:2018-06-22 18:11:31

标签: video web virtual-reality webvr

我有一个硬纸板VR耳机,我的目标是让有个人的人可以转到我的页面并贴上硬纸板VR并观看我的360视频。

我希望将VR视图设置为默认视图。

我去过https://developers.google.com/cardboard/vrview,花了数小时试图使这些示例生效。我已经尝试过多种浏览器,但都没有运气。我认为这些示例是不完整的,因此我无法使它们正常工作。

如果有的话,他们只是创建一个黑色的iFrame。

某些示例仅使用播放按钮会产生无法使用的“播放”栏。

有人知道指令/正确的代码可以在同一地点托管所有VR代码(以避免iOS问题)托管该项目吗?

我确实有托管和等角360度视频。

非常感谢。几个小时我一直在撞墙!!

—乔诺森。

1 个答案:

答案 0 :(得分:0)

您是否正在寻找类似的东西?

  

https://mercury-noise.glitch.me/

它使用Aframe作为标记来加载视频文件,并将所有WebVR控件集成到您的应用程序中。正如您所问的那样,一旦用户使用硬纸板访问该站点,它将在进入VR模式后自动开始播放视频。

查看索引文件以查看其他控制器,也可以开始播放视频。对于此示例,我已禁用其他用户并启用了自动播放功能,具体取决于用户是否处于VR模式下。

您应该能够在故障源代码查看器中查看代码以及如何加载视频。

它在这里定义

source type="video/mp4"
src="https://ucarecdn.com/fadab25d-0b3a-45f7-8ef5-85318e92a261/"