问题标签 [model-viewer]

我建立了一个网站，作为特定类别 3d 模型的库。我目前使用 modelviewer 显示 3d 模型的 glb 文件，但在移动设备上性能不佳。页面经常会崩溃并随机重新加载，当通过我们许多客户使用的 instagram 网络查看器加载网站时，问题会更加严重。我尝试过诸如thangs 和sketchfab 之类的网站，但在他们的网站上从未发生过这种情况，所以有人可以告诉我他们使用什么来显示模型预览。

我正在尝试使用 modelviewer 库将 3d 模型加载到我的网站中。但是，它没有加载的文件，我得到了下面的（见图）。

仅供参考，如果它可能导致一些问题 - 我正在使用 github 页面，但托管我从 godaddy 购买的自定义域。

我认为这是一个权限问题，但我尝试将我的 .glb 模型添加到文件夹中，然后通过转到（例如：www.website.com/origami.glb）下载它并下载。

这是我的代码：

使用模型查看器（https://modelviewer.dev/examples/loading/index.html#glbModel）我想将我的加载颜色设置model-viewer为红色，但我没有在文档中找到与此相关的任何内容。

这是codepen链接：https ://codepen.io/luxonauta/pen/vYKYppq?editors=1010

Codepen 链接演示完全可用，只有红色未在此处实现：https ://codepen.io/luxonauta/pen/vYKYppq?editors=1010

请帮助我提前谢谢！

目前，当我将下面的代码上传到我网站上的 HTML 组件中时，内容被限制在一个小框中，但是 html 组件中有更多空间来容纳内容。

有人可以让我知道在哪里写什么代码，将不胜感激！

我正在使用 Apple 的 AR Quick Look，到目前为止一直很成功。除了 Instagram 的应用内浏览器之外，AR Quick Look 似乎在所有浏览器中都能正常工作。

我只是想知道是否有人知道是否有一种方法可以确保它在该浏览器中工作，或者我是否必须使用 A-Frame 之类的东西。

我也尝试过使用模型查看器并得到了类似的结果。

这是我工作的基本 HTML 代码：

我只是有点困惑，如果有人能把我送到正确的方向，我将不胜感激

我刚刚开始使用模型查看器，它非常适合我的用例。但是，当我访问注释部分时，我在哪里可以找到如何动态添加注释。我希望我的用户能够自己添加注释。

模型查看器：https ://modelviewer.dev/ 文档：https ://modelviewer.dev/docs/