我正在创建一个互动式沉浸式视频故事,人们可以在故事的四个点的两个选项之间进行选择,然后在单击选择的按钮后,他们选择的视频开始播放。类似于image gallery示例中使用的按钮。
我一直在尝试制作一个在iOS 11.4(和台式机)上运行的aframe videosphere的基本示例。我以为我已经阅读了有关该主题的所有内容(this等)。对于我来说,尚不清楚使视频球在移动设备上工作的基本步骤是什么,因为我在任何地方都找不到任何有效且易于复制的代码示例。我想在这里使用iOS 5搭配iOS 11.4的iPhone 5s在iOS上的每个浏览器上分享我的体验,对于默认video showcase在aframe网站上:
Safari
默认展示柜显示黑屏。单击“切换到多源详细示例”后,将加载第一帧,轻按后,视频将开始播放。但是,当我物理移动电话时,视频范围不会移动。只有手指在屏幕上拖动才能移动球体,但只能沿视频的“水平”水平移动,而不能上下移动或自由移动。当按下护目镜按钮进入纸板模式时,屏幕如下图所示。现在,视频球以特定的怪异角度显示,无法通过移动电话来移动,只能通过拖动它并且只能沿视频“地平线”笔直移动。
Firefox
与Safari一样,Firefox也一样。唯一的区别似乎是,无需点击屏幕就可以开始播放视频。
screenshot of showcase on iOS 11.4 in cardboard mode
问题:
提前谢谢!
顺便说一句,已经有了很多的发展,我认为其他有相同问题的人也将对此表示赞赏。我真的更愿意这样做,而不是阅读有关该问题的所有旧信息,而最终仍然会感到迷失。