问题标签 [model-viewer]

我们正在尝试制作具有 AR 功能的自定义 3D 配置器，但我们发现来自 google 的模型查看器对于我们的需求来说太有限了，所以我们在 three.js 中进行

为了使用 AR，我们分析了源代码，发现单击模型查看器按钮时会重定向到此链接：

intent://googlewebcomponents.github.io/model-viewer/examples/assets/Astronaut.glb?link=https%3A%2F%2Fgooglewebcomponents.github.io%2Fmodel-viewer%2Fexamples%2Faugmented-reality.html&title=A%203D%20model%20of%20an%20astronaut

（取自 Google 的示例页面）

Out first 测试在控制台中发出警告，例如“无法访问的导航”静默失败。你知道我们做错了什么吗？

我正在尝试将我自己的 3D GLB 模型添加到谷歌场景查看器通用代码中。但是，当我用下载的 GLB 模型替换椅子模型的链接时，该模型不会显示在网页上。

我使用了我自己下载的模型。我还尝试通过下载使用通用代码中的同一把椅子。我看着检查器，虽然占位符存在，但似乎空间是空的，替代文本也不显示

这是我正在使用的代码：

我所做的只是将 src 从到 chair.glb 的链接到下载模型的位置（与索引代码位于同一文件夹中）

我怎样才能解决这个问题？

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

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

我正在尝试从 Flutter 中的 web 视图打开以下脚本：

当我尝试从 Chrome 打开 ar 时，它工作得很好，在颤动的 web 视图中它不起作用，它给了我这个错误。

错误颤动

这是我使用的代码：

这是 pubspec ：

你有什么建议吗？感谢您的建议

我正在尝试使用模型查看器在网站上加载 glTF 模型。该模型托管在 google drive 和 Dropbox 上，但两个链接都没有加载模型。加载栏出现然后空白。但是该模型在 glTF 在线预览器工具上加载良好。有谁知道可能是什么问题？这是示例：

当您单击模型查看器时，会出现轮廓，我无法从model-viewer如何删除轮廓中删除它？

编辑

所以我在文件名中添加了这个focus-visible.js

将此添加到 html

这在css中:focus-visible polyfill{ outline: none; }

难道我做错了什么？

我有显示 3d 模型的代码。当用户开始移动对象时，模型周围会出现黑色轮廓。我如何摆脱这个黑色轮廓？这是我的代码：

这是我的CSS：

在此处输入图像描述

使用 Google 的模型查看器时，无法从上方看到模型，相机的轨道似乎仅限于某个任意角度。我试过设置max-camera-orbit但没有成功。

我正在尝试<model-viewer>使用 Rails 6 和 Webpacker，但它抛出了一些错误：

我已经使用它添加了它，yarn add @google/model-viewer并且我正在application.js像这样加载它：

这是的内容webpack/environment.js：

这是内容webpack/custom.js：

任何人都知道如何让这个工作？我习惯了 Rails 4 管道，发现整个 webpacker 的东西超级混乱。

我创建了一个带有声音文件的网络 AR 演示（Android Chrome）。带有声音的 AR 可以在 HTTP 网站上运行，但不能在 HTTPS 上运行。似乎 HTTPS 需要用户交互才能这样做。我只是想知道 Google 是如何用他们的 AR 动物做到这一点的（即在 Google 中搜索“Tiger”并使用 AR 按钮）。不幸的是，他们的网站上没有关于音频实现的文档。

我怎样才能让它在 HTTPS 网站上工作？

<model-viewer src="assets/my3DModel.glb?sound=assets/mySound.ogg"...

开发来源：https ://modelviewer.dev