问题标签 [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 回答
683 浏览

three.js - ThreeJS 和 VR (WebXR) 调试

我有 Oculus Quest,我想在我的 THREEJS 应用中支持 VR 模式。问题是:如何调试这种模式(控件等)?Oculus 和 Firefox Reality 浏览器没有 chrome devtools。我试过 WebVR 和 WebXR 仿真插件。WebXR 仿真仅适用于 Firefox Nightly (dev) 构建。但是在铬/铬金丝雀中不起作用(启用了特殊标志)。 在此处输入图像描述 如何在 Chrome 中模拟 webxr?是否可以使用真正的耳机但在桌面上调试?

0 投票
1 回答
1139 浏览

html - 使用模型查看器的 WebAR 在 Android 上不起作用

我正在尝试构建一个model-viewer使用简单框对象的演示。它在 iOS/Safari 上运行良好,但我无法让它在 Android 上运行。在Android上,它不会激活相机,只是在空白处显示模型,模型可以移动。我尝试过使用多种模型,包括我从互联网上提取的模型,它们都在工作演示中。这是完整的 HTML

我完全不知道为什么它不起作用以及接下来我需要尝试什么。

0 投票
2 回答
172 浏览

javascript - 关闭 Chrome 和 Firefox 中 https 门控 Web API 的 https 要求

许多现代 Web API 被浏览器限制为仅限 HTTPS。这对用户有好处,但会使开发变得痛苦。在开发过程中,我希望能够关闭该要求仅用于测试。

是否有我可以设置的标志(firefox 中的 about:config,chrome 中的 about:flags)或我可以传递的命令行参数以关闭该要求,这样我就可以测试而无需设置 https 证书并将它们添加到浏览器?

注意:我知道 localhost 的 https 要求已被删除,但我经常在一台机器(如笔记本电脑)上托管并在另一台机器(如 Android 设备)或不同的桌面上进行测试。我知道我可以生成本地证书并运行支持 https 的服务器。然后,我必须处理浏览器上的安全警告(无效证书)和/或将私有证书添加到所有设备,或者我必须注册一个域,仅用于通过 letencrypt 获取有效证书。对于我自己的开发人员,如果可能的话,我只想暂时关闭浏览器中的检查。当然,我实际为用户提供的服务将是 https,但在开发期间,如果我可以关闭该要求,事情会容易得多。

在我的特殊情况下,我正在尝试使用WebXR,因此开发发生在我的笔记本电脑上,但实际测试发生在从我的笔记本电脑提供页面的 Android 设备上。

0 投票
4 回答
1167 浏览

three.js - 如何使用 webxr 获取相机世界方向?

我想使用camera.getWorldDirection()和访问头戴式显示器的说明。我可以使用之前的 webVR API 做到这一点。当我使用HelioWebXRPolyfill.js来自 THREE 的新产品时,我无法接收当前位置。

0 投票
2 回答
1793 浏览

augmented-reality - Google Model Viewer AR-如何在没有海报或对象预览的情况下拥有“在 AR 中查看”按钮

是否可以通过单击按钮在 AR 中查看我的 GLTF 和 USDZ 文件。我不想让背景海报或对象预览只是一个按钮。

0 投票
2 回答
378 浏览

three.js - 在 WebVR / WebXR 中锁定摄像机位置

使用 three.js 将相机位置锁定到 WebVR/WebXR 中的单个点的最佳方法是什么?

用户仍然需要能够旋转他们的头部,但他们的头部运动不应改变相机的位置 (x,y,z)。

0 投票
1 回答
185 浏览

aframe - 如何在 A-Frame 中同时支持多种类型的 VR 控制器?

我正在使用A-Frame,我试图弄清楚如何轻松地同时支持多种类型的控制器(Oculus Touch、HTC Vive 控制器和 Windows 混合现实控制器),最好使用在场景中渲染的控制器模型并使用允许用户点击事物的激光。

我该怎么做呢?

0 投票
0 回答
588 浏览

javascript - 如何让多个 .gltf 模型在 three.js webxr_ar_hittest 示例中工作?

我正在使用来自three.js的这个示例https://threejs.org/examples/?q=webxr#webxr_ar_hittest并且该示例运行良好,但是当我将圆柱体更改为模型时,它只会让我放置一个模型而不是让我把几个模型放在我点击的地方。有谁知道如何解决这个问题?

在文件中,我使用了他们将气缸放在地板上的部分,但是我想用 .gltf 模型替换它。

我替换为:

此示例使用相机将虚拟对象放置在地板上。先感谢您!

0 投票
1 回答
419 浏览

javascript - 为什么 Chrome Canary 不支持我的 threejs AR [ARCore] Web 应用程序?

我正在使用 three.ar.js [使用 ArCore]开发一个WebAR 应用程序。我正在使用 Chrome Canary 构建并启用了所有与 XR 相关的标志,但我收到了这个错误。

Chrome 金丝雀版这是屏幕中的链接https://developers.google.com/web/updates/2018/06/ar-for-the-web [供您参考]

我的手机:小米A3【支持ARCore服务】

我尝试使用 Chrome、Chrome Canary 构建 [在版本 67、70、81 上测试]、Firefox。我的观点是谷歌最新的 AR 演示在 chrome canary 构建中完美运行。但是为什么不使用three.ar.js 开发我的本地AR 应用程序呢?

我也尝试过使用 Google 的实验性 WebARonARCore browsers。如果我使用此链接https://github.com/google-ar/WebARonARCore中的实验性 WebARonARCore 浏览器,我会收到以下错误。

WebARonARCore 实验浏览器

0 投票
1 回答
533 浏览

video - A-Frame 并动态添加视频

我有

在我拥有的一个组件内

该视频按预期播放。(并且 alosevid3 不可见,因为它太小了)

如果我尝试

(可见 = 假)我的 lossVidEl 出现黑屏。(就像我没有视频一样)有人可以向我解释这种行为吗?

加法 - 这是 Firefox 中的行为。在 Oculus 浏览器和 Chrome (MacOS) 中,视频屏幕为黑色。(视频直接加载播放)