问题标签 [webxr]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
125 浏览

javascript - Web XR 的事件监听器

在 Web VR API 中有一个用于进入/退出 VR 显示的事件监听器;

Web XR API 是否有等价物?

0 投票
0 回答
37 浏览

ocr - 如何在 webxr 会话期间获得更清晰的视频输出(Chrome Canary 70.0.3538.2)?

我正在尝试从 webxr 会话中获得更清晰(近乎集中)的视频输出,以识别文本(使用 tesseract.js)。

现在看起来像这样。

图像模糊

我尝试过但失败的事情

  • 在 webxr 会话期间创建新的相机会话 -> getusermedia 失败或浏览器崩溃
  • 使用现有会话-> 尝试从 webxr 会话中获取相机内在特性(相机设置,如焦点)(从一篇文章中阅读,相机内在特性会干扰计算机视觉,因此目前不可用。)
0 投票
2 回答
1228 浏览

augmented-reality - AR.js 3 图像跟踪找不到自定义图像

我正在尝试将图像跟踪与我自己的图像一起使用。当我运行应用程序时,我看到 NFT 已加载(控制台:),[info] Loading of NFT data complete.但在扫描图像时没有任何反应。

NFT 文件保存在文件夹 nft_img 中。我用于 NFT 文件的图像非常简单。

测试图像

0 投票
1 回答
129 浏览

virtual-reality - 查看 WebXR 内容时闪烁

在 android Chrome 80 中,当禁用WebXR 设备 API标志时,我希望 Webxr polyfill 应该播放 VR 输出。但内容闪烁,我无法击中 VR 世界中的任何物体。知道为什么会这样吗?

如果启用了WebXR 设备 API标志,我将正确获取输出。我包含了 webxr polyfill ( https://github.com/immersive-web/webxr-polyfill ),但不确定它是否有效。如何检查 polyfill 是否给出正确的输出?我们是否需要单独构建WebXR Polyfill以支持 chrome 80?

0 投票
0 回答
117 浏览

google-chrome - WebXR 内容未在 chrome 81 中播放

我在我的 android 手机中获得了 chrome 81 更新。更新后,WebXR 输出无法播放。“进入 VR”选项未出现。在调试时,我发现navigator.xr.requestSession请求处于挂起状态并且没有得到解决。还有其他人遇到过这个问题吗?是铬的问题吗?

0 投票
1 回答
179 浏览

oculus - 如何在 WebXR 中设置 highRefreshRate?

对于 WebVR,我发现:vrDisplay.requestPresent ([{source: canvas, attributes: {highRefreshRate: true}}]);

仅适用于 WebXR: requiredFeatures: ["local-floor"]

对于 requiredFeatures:[“highRefreshRate”]。我在 Oculus Go 中收到“请求无法识别的功能:highRefreshRate”错误。我可以获得支持的功能吗?

以及如何设置'foveationLevel:3'?

0 投票
0 回答
112 浏览

aframe - 是否可以在 A-FRAME 中仍未添加 Vive Focus Plus 控制器的情况下使用 HTC Vive Focus 控制器?

我正在使用 A-FRAME 和 Vive Focus Plus 耳机进行一个项目,由于 Vive Focus Plus 仍未包含在 A-FRAME 中,我正在考虑使用其他一些 HTC 控制器。当我使用激光控制组件时,会出现一个 vive 焦点控制器,但我无法显示其中两个。每当我使用:

它只显示控制器最后定义的手(左或右)。

我也尝试过使用:

但随后没有控制器出现。

我正在使用 A-FRAME 1.0.4,并且 vive focus plus 配置文件已经包含在 webxr 输入配置文件注册表中。

我还在 Vive Focus Plus 耳机中使用 Firefox Reality APP 表单。

0 投票
0 回答
99 浏览

javascript - Three.js - 关于 StereoCamera 中 eyeSep 的问题

所以我正在使用 Electron 和 Three.js 创建一个 WebXR 应用程序。我正在使用 StereoCamera 类来模拟 VR 耳机所需的立体效果。现在 StereoCamera 类提供了一个名为 eyeSep 的属性,它模仿了用户的 IPD(瞳孔间距)。在我的应用程序中,我允许用户通过使用范围滑块来调整 eyeSep 值,但我遇到了一个小问题。

随着 ipd 值的降低,正在渲染的 2 个图像移得更远 在此处输入图像描述

然后随着 ipd 值的增加,正在渲染的 2 个图像一起移近 在此处输入图像描述

所以我的问题不应该是相反的吗?随着 IPD 减小,图像应该靠得更近,如果 IPD 值增加,图像应该离得更远?

然后这是我用来更改 eyeSep 值的 javascript 代码

然后是 HTML 滑块的代码:

也许也许我是那个把这一切都倒过来的人。我真的可以使用了解 three.js 中的 Stereocamera 类或以前从事过类似工作的人。任何帮助表示赞赏,谢谢。

0 投票
1 回答
419 浏览

three.js - 如何使立方体始终出现在 XR(手机)相机前面?

我正在尝试使立方体网格始终位于 XR 相机前面。

无论我如何移动手机摄像头,立方体都应该出现在摄像头的正前方,只显示立方体的一侧。

首先,我在一开始就在场景中添加了一个立方体网格:

然后尝试在 XR 摄像头前画出方框:

当我运行代码时,立方体出现在我的手机摄像头前。

但是当我旋转手机时,立方体会在不跟随相机的同一位置旋转。

我也尝试过xrCamera.add(box),但它似乎不起作用。

如何正确地使立方体始终出现在 XR 相机前?

0 投票
1 回答
1297 浏览

ios - 如何在 iOS 设备上运行 webXR(AR)?

我尝试在我的 iPad(iOS 14.4.1)上运行https://threejs.org/examples/#webxr_ar_cones示例。

我尝试在 XRViewer、Chrome 和 Safari 中运行它,但示例的 AR 按钮显示“WEBXR NOT AVAILABLE”。

在此处输入图像描述

那么目前是否无法在 iOS 设备上运行 webXR (AR) 应用程序?