问题标签 [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.
html - 使用模型查看器的 WebAR 在 Android 上不起作用
我正在尝试构建一个model-viewer
使用简单框对象的演示。它在 iOS/Safari 上运行良好,但我无法让它在 Android 上运行。在Android上,它不会激活相机,只是在空白处显示模型,模型可以移动。我尝试过使用多种模型,包括我从互联网上提取的模型,它们都在工作演示中。这是完整的 HTML
我完全不知道为什么它不起作用以及接下来我需要尝试什么。
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 设备上。
three.js - 如何使用 webxr 获取相机世界方向?
我想使用camera.getWorldDirection()
和访问头戴式显示器的说明。我可以使用之前的 webVR API 做到这一点。当我使用HelioWebXRPolyfill.js
来自 THREE 的新产品时,我无法接收当前位置。
augmented-reality - Google Model Viewer AR-如何在没有海报或对象预览的情况下拥有“在 AR 中查看”按钮
是否可以通过单击按钮在 AR 中查看我的 GLTF 和 USDZ 文件。我不想让背景海报或对象预览只是一个按钮。
three.js - 在 WebVR / WebXR 中锁定摄像机位置
使用 three.js 将相机位置锁定到 WebVR/WebXR 中的单个点的最佳方法是什么?
用户仍然需要能够旋转他们的头部,但他们的头部运动不应改变相机的位置 (x,y,z)。
aframe - 如何在 A-Frame 中同时支持多种类型的 VR 控制器?
我正在使用A-Frame,我试图弄清楚如何轻松地同时支持多种类型的控制器(Oculus Touch、HTC Vive 控制器和 Windows 混合现实控制器),最好使用在场景中渲染的控制器模型并使用允许用户点击事物的激光。
我该怎么做呢?
javascript - 如何让多个 .gltf 模型在 three.js webxr_ar_hittest 示例中工作?
我正在使用来自three.js的这个示例https://threejs.org/examples/?q=webxr#webxr_ar_hittest并且该示例运行良好,但是当我将圆柱体更改为模型时,它只会让我放置一个模型而不是让我把几个模型放在我点击的地方。有谁知道如何解决这个问题?
在文件中,我使用了他们将气缸放在地板上的部分,但是我想用 .gltf 模型替换它。
我替换为:
此示例使用相机将虚拟对象放置在地板上。先感谢您!
javascript - 为什么 Chrome Canary 不支持我的 threejs AR [ARCore] Web 应用程序?
我正在使用 three.ar.js [使用 ArCore]开发一个WebAR 应用程序。我正在使用 Chrome Canary 构建并启用了所有与 XR 相关的标志,但我收到了这个错误。
这是屏幕中的链接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 浏览器,我会收到以下错误。
video - A-Frame 并动态添加视频
我有
在我拥有的一个组件内
该视频按预期播放。(并且 alosevid3 不可见,因为它太小了)
如果我尝试
(可见 = 假)我的 lossVidEl 出现黑屏。(就像我没有视频一样)有人可以向我解释这种行为吗?
加法 - 这是 Firefox 中的行为。在 Oculus 浏览器和 Chrome (MacOS) 中,视频屏幕为黑色。(视频直接加载播放)