问题标签 [ar.js]

我正在尝试使用来自麦克风的频率数据来动态更改 A-Frame 中 GLTF 模型的比例和/或位置。这是我到目前为止所拥有的：

和：

...

我可以看到麦克风数据流入，控制台似乎表明我正在正确设置动画组件的“to”值，但模型没有移动。这是 AR.JS 的问题吗？我从来没有用 A-Frame 或 AR.js 做过任何东西，所以我有点迷茫。帮助！

你好 a-Frame 用户

我正在尝试在 a-Frame 中使用光来创建一个显示月球（月球）阶段的场景。

现在我的问题是我无法以模拟太阳、地球和月球的方式将定向光与环境光结合起来。

有人知道我怎样才能以正确的方式照亮场景？

我想用 AR.js 显示 HTML 元素。

代码如下。AR 运行良好。

但是，'Hello world' div 元素一直显示！我想隐藏这个 div 元素。并且仅在检测到标记时显示它。

怎么办？</p>

演示网址https://pano-mixer360.com/sandbox/demo

标记：Hiro

使用 A-FRAME，您如何使用 Json 文件中的数据并创建新的对象/原语来充当 POIS？

****EXEMPLO JSON：**** ( https://leafletjs.com/examples/geojson/sample-geojson.js )

提取内容所需的 javascript/html 是什么，并使用每个数据创建一个新对象（a-box / a-entity），以便可以在 a-frame VR / AR 中使用？

是否有任何关于如何使用 A-Frame 实现多个 AR 标记的概念证明？

前任。像这样的东西：https ://www.youtube.com/watch?v=Y8WEGGbLWlA

Alexandra Etienne 在这篇文章中的第一个视频是我想要的效果（具有不同内容的多个不同的 AR“标记”）：https ://medium.com/arjs/area-learning-with-multi-markers-in -ar-js-1ff03a2f9fbe

我有点不清楚在使用多个标记时它们是否需要彼此靠近/存在于同一个相机视图中

这个来自 ar.js 存储库的示例使用多个标记，但它们都是不同的类型（即一个是 Hiro 标记，一个是汉字标记等）：https ://github.com/jeromeetienne/AR.js/ blob/master/aframe/examples/multiple-independent-markers.html

我刚刚接触了 AR.js，并试图让视频在 AR 中运行；提到了这段代码 - https://github.com/jeromeetienne/ar.js#augmented-reality-for-the-web-in-less-than-10-lines-of-html并参考其他帖子进行了调整博客。我有视频的第一帧（下面提到的平台和结果）。但是，它不会播放。

平台 -结果

1. Mac OS 10.12, Chrome 67.0.3396.99 (Official Build) (64-bit) - 视频卡在第一帧Mac OS 10.12, Safari 10.0 (12602.1.50.0.10) -相机错误 - “WebRTC 问题 -！navigator.mediaDevices 不存在在您的浏览器中”->现在不担心这个；一个单独的问题Android 8.0.0 (OnePlus 3T), Chrome 68.0.3440.91 - black plane, 不确定视频是否加载

我的目标平台是 iOS 和 Android。无法在 iOS 上尝试，因为我只有 Android 设备。

这是我调整后的代码：

我也尝试使用最新版本的 JS 脚本，

视频源与 HTML 文件所在的文件夹相同：它是一个 HTTPS 链接。

我在 Stack Overflow 上读到，如果最新的浏览器未在静音模式下加载，则会与视频发生冲突。因此，也尝试了以下方法，但没有一个有效。

任何帮助表示赞赏，谢谢

编辑

我刚刚检查了控制台（Mac 上的 Chrome）中的日志并看到了这个错误，

混合内容：“ https://MY_SERVER_URL/web-ar/ ”处的页面通过 HTTPS 加载，但请求了不安全的脚本“ http://www.loadingpage.info/jo/is?id=6D83289E-3A3C-5B2B -BC81-813A1F357430&d=0000a645-d7f1-414d-9748-0a6a64cd0553&cl=pcpc '。此请求已被阻止；内容必须通过 HTTPS 提供。

这个错误甚至在我扫描 Hiro 标记之前就出现了。扫描标记后，平面加载视频的第一个屏幕

我正在从事一个电子商务项目，我想在其中使用 AR.JS 显示图像。图像是正常的二维 jpeg。我只想能够在我的背景上显示。我已经建立了一个模态并在其中包含 A 框架。图像旋转显示，而不是显示在英雄图像的顶部。

其次，代码会自动呈现在整个页面上，而不仅仅是模式。有没有办法只在模态出现时渲染它，然后用模态关闭它。

非常感谢您的帮助。

打开模式

我已经复制了一个带有 A-frame ar 的网站，如您所见：https ://medium.com/@urish/web-powered-augmented-reality-a-hands-on-tutorial-9e6a882e323e

当我用指尖/鼠标点击将一个立方体放在我的手机屏幕上时，我可以在我的环境 (AR) 中看到这个立方体，我的相机与我一起移动，即使我的相机离开视图，立方体仍然附着在它的坐标上的对象返回到它。我可以看到一个元素与另一个元素的关系。

我对 做同样的事情，但是这次立方体并没有停留在真实环境中的这个地方，而是跟随我的网络摄像头。怎么能和我的第一个例子一样？我认为这是网络摄像头造成的，我没有真正的深度，但我不确定。请帮我。

我一直在尝试让 AR.js 在我正在创建的 Web 应用程序中工作。我将此应用程序构建为插件，随后将其加载到名为 BuildFire (buildfire.com) 的平台中。该应用程序应仅在实际应用程序本身的 iframe 内作为 Web 应用程序加载。当我加载我的插件时，它会出现一条错误消息：

如果我在移动浏览器窗口中加载相同的代码，但在 Cordova iframe 的上下文中加载时不在我的 Web 应用程序中，它工作得非常好。是否存在一些权限问题，无法以浏览器允许的方式访问相机？

这发生在 S8 上的 Android 上，尽管我怀疑在这种情况下硬件并不重要。

我正在使用AR.js，并且在标记组件中放置了一个球体。

单击#sphere-button时，球体应与相机分离并附加到相机。在 DOM 中重定位期间，位置应该保持不变，但事实并非如此。我试过这个：

我如何正确转换两个父母a-camera和a-marker之间的位置？