javascript - 如何在 VR 耳机中查看来自网站的 VR/360 照片?

标签 javascript jquery html image virtual-reality

<分区>

我正在网站上构建一项功能,允许用户上传和分享他们使用 360 度相机拍摄的 VR 图像。

我设法找到了一个不错的小脚本,它允许在网络浏览器中查看 360 度全景照片:

http://photo-sphere-viewer.js.org/

我现在想做的是为使用 VR 耳机的用户提供一种方式来查看他们耳机中的图像,这样当他们旋转头部时,图像就会做出响应。

有谁知道可以提供这种功能的代码或插件吗?

更新:

Google VR View 读起来好像它可能提供这种功能:

https://developers.google.com/cardboard/vrview

但是,我发现的唯一示例似乎并未将 Web 上的 VR View 传输到耳机/纸板设置:

https://developers.googleblog.com/2016/03/introducing-vr-view-embed-immersive.html

最佳答案

您可以尝试使用 Threejs-VR .
具体来说,在 js/OrbitControls.js你可以找到检测 VR Action 的方法;例如:getPolarAnglegetAzimuthalAnglerotateLeftrotateUppanLeft、.. .).
另外,查看这篇不错的博客文章:Virtual-Reality-ThreeJs

关于javascript - 如何在 VR 耳机中查看来自网站的 VR/360 照片?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36617737/

相关文章:

javascript - Highcharts 如何根据点数创建图例

javascript - Heroku 上传 Node 应用程序和 Java jar

javascript - 禁用 Rails 应用程序中复选框的输入

javascript - jQuery 使单选按钮不可点击

html - 为什么我的 div 框在我向左设置 float 时向下堆叠?

html - 我怎样才能使高度 : "100%" work cross browser in CSS?

javascript - 正则表达式:如何在文本之间获取某些内容,但其他文本之间除外

javascript - 如何在javascript中定义一个新的全局对象

javascript - Highcharts 动态更新 x 轴类别

html - 在 HTML 中水平显示文章元素