问题标签 [model-viewer]

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 回答
54 浏览

tensorflow - 在 Netron 模型查看器中,“运行时”是什么意思?

Netron 模型查看器中,“运行时”字段是什么意思?

是用于创建此模型的 TensorFlow 版本吗? Netron 模型属性部分的屏幕截图

0 投票
1 回答
348 浏览

javascript - Modelviewer 未加载本地文件“不允许加载本地资源”

我将 Google 的ModelViewer用于 WebAR 项目。

我有一个 vue.js 项目,并且我有一个组件正在加载具有<model-viewer>属性的模型。我正在尝试将src模型查看器的属性设置为项目文件夹中.glb模型的绝对路径。(注意:我必须使用绝对路径,否则不会加载也不会显示任何错误)。

这是 vue 组件中的 html 代码:

模型未加载到网页中,控制台显示以下错误:

不允许加载本地资源:file:///path-to-project/src/assets/models/Astronaut.glb

从官方网站示例中提供的 URL 加载工作正常。我确定可以加载本地文件并将其显示在 ModelViewer 中,对吧?

任何帮助将不胜感激。

0 投票
0 回答
47 浏览

javascript - 显示没有 iFrame 的 3d 对象

我有一个数据库,用户可以在其中上传他们的 3d 模型,目前有一个正常运行的应用程序,用户可以在其中查看他们的 3d 模型。但是为了将这些 3d 模型嵌入到他们的网站上,我目前正在使用 IFrame。有什么替代方案?

我遇到了这个网站(CGTrader Arsenal),他们在哪里托管一个 javascript 文件作为库,然后使用它来显示他们的模型。

在此处输入图像描述

我怎样才能实现类似的东西?独立的 javascript 如何与数据库对话并获取所需的信息?还有一个如何将 3d 模型返回到浏览器进行绘制?

0 投票
0 回答
106 浏览

android - model-viewer 允许在 iOS 中使用 AR 但在 Android、HTML CSS 中不允许

我已经在线学习了所有教程,但 AR 按钮和视图似乎只适用于 iOS 设备而不是 Android。我已经尝试了多次代码迭代,但将在这里分享一个目前允许在 iOS 上使用 AR 而不是在 Android 上的代码。此外,我在成功部署 AR 的 Android 设备上尝试了其他网站,所以我知道这些设备是兼容的。这是我的代码,它不会在 Android 上部署 AR 视图,但可以在 iOS 上:

0 投票
0 回答
33 浏览

html - HTML 模型查看器始终允许即时交互在移动设备上不起作用

`

我尝试添加interaction-policy(即使它应该是always-allow默认的)。我可以立即对桌面上的 3D 模型做出反应,但仍然需要在手机上“聚焦”/点击模型,然后才能进行交互。我怎样才能做到这一点,以便我可以立即在移动设备上与它进行交互,而无需先点击查看器?(问题出在iOS上,我不确定Android)。谢谢 :)

0 投票
0 回答
249 浏览

flutter - Flutter 2:webview_flutter & model_viewer

我正在尝试将谷歌的 model_viewer 实现到我的应用程序中。在演示项目之后,我无法让它工作:

做:颤振运行:给出以下错误:

/Users/felixjungo/development/flutter/.pub-cache/hosted/pub.dartlang.org/webview_flutter-0.3.24/ios/Classes/FlutterWebView.m:367:23:警告:'mediaPlaybackRequiresUserAction'已弃用:首先弃用在 iOS 9.0 [-Wdeprecated-declarations] configuration.mediaPlaybackRequiresUserAction = true; ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ mediaTypesRequiringUserActionForPlayback 在从 /Users/felixjungo/development/flutter/.pub 导入的模块“WebKit”中-cache/hosted/pub.dartlang.org/webview_flutter-0.3.24/ios/Classes/FlutterWebView.h:6: /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator.platform/Developer/SDKs/iPhoneSimulator14。 5.sdk/System/Library/Frameworks/WebKit.framework/Headers/WKWebViewConfiguration.h:211:28:注意:'mediaPlaybackRequiresUserAction' 此处已明确标记为弃用 @property (nonatomic) BOOL mediaPlaybackRequiresUserAction API_DEPRECATED_WITH_REPLACEMENT("mediaTypesRequiringUserActionForPlayback", ios(8.0, 9.0)); ^ /Users/felixjungo/development/flutter/.pub-cache/hosted/pub.dartlang.org/webview_flutter-0.3.24/ios/Classes/FlutterWebView.m:374:23:警告:'mediaPlaybackRequiresUserAction'已弃用:首先在 iOS 9.0 中已弃用 [-Wdeprecated-declarations] configuration.mediaPlaybackRequiresUserAction = false; ^~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ mediaTypesRequiringUserActionForPlayback 在从 /Users/felixjungo/development/flutter/.pub 导入的模块“WebKit”中-cache/hosted/pub.dartlang.org/webview_flutter-0.3.24/ios/Classes/FlutterWebView.h:6: /Applications/Xcode.app/Contents/Developer/Platforms/iPhoneSimulator。platform/Developer/SDKs/iPhoneSimulator14.5.sdk/System/Library/Frameworks/WebKit.framework/Headers/WKWebViewConfiguration.h:211:28:注意:“mediaPlaybackRequiresUserAction”已在此处明确标记为已弃用 @property (nonatomic) BOOL mediaPlaybackRequiresUserAction API_DEPRECATED_WITH_REPLACEMENT("mediaTypesRequiringUserActionForPlayback", ios(8.0, 9.0)); ^

model_viewer 取决于 webview_flutter ^0.3.22 所以我正在使用

颤振运行--no-sound-null-safety

由于 webview 小部件的旧版本而运行它。我收到以下错误:

Xcode 的输出:lib/main.dart:105:11: 错误:没有名为“src”的命名参数。src: 'https://modelviewer.dev/shared-assets/models/Astronaut.glb',

lib/main.dart:86:7:上下文:“ModelViewer”类有一个不带参数的构造函数。类 ModelViewer 扩展 StatelessWidget {

命令 PhaseScriptExecution 失败,退出代码为非零注释:使用新构建系统注释:并行构建目标注释:规划构建注释:分析工作空间注释:构建构建描述注释:构建准备完成 .../ios/Pods/Pods.xcodeproj:警告:iOS 模拟器部署目标“IPHONEOS_DEPLOYMENT_TARGET”设置为 8.0,但支持的部署目标版本范围为 9.0 到 14.5.99。(在项目“Pods”的目标“Flutter”中)

pubspec.yalm:

环境:sdk:'>=2.12.0 <3.0.0'

依赖项:flutter:sdk:flutter model_viewer:^0.8.1


主要飞镖:

导入“包:model_viewer/model_viewer.dart”;


我可以强制 model_viewer 使用新版本的 webview 吗?有人知道可能是什么问题吗?如果我从代码中删除 ModelViewer 小部件,我不会收到任何错误,但将导入器留在那里。

model_viewer 是旧版

0 投票
0 回答
137 浏览

javascript - 如何在模型查看器中使用代码旋转模型?

我创建一个模型视图标签并加载 3d gltf 对象。

现在我要用鼠标移动来旋转它。我怎样才能做到这一点?我的代码:

0 投票
0 回答
112 浏览

arcore - 三星 Galaxy S20 - 支持 ARCore 的设备,但在 Web AR 中打开 3D 时显示黑屏

我正在使用 Google ARCore 服务为客户提供 Web 增强现实。

我们的一位客户拥有三星 Galaxy S20 手机。这存在于 ARCore 支持的设备列表中。请参见下面的屏幕截图。他可以在 Web 浏览器(模型查看器)中查看 3D 模型,但每当他单击以在 AR 模式下查看它时,整个屏幕都会变黑。

Web HTML 有以下代码

他在他的手机中安装了最新的 ARCore:Google Play Services for AR。但这也无济于事。自去年以来,该设备似乎与 Google ARCore 列表兼容。

关于做什么的任何建议?

在此处输入图像描述

0 投票
1 回答
81 浏览

javascript - Google Model Viewer 变体下拉列表转换

我正在尝试为我工作的公司创建一个产品配置器,到目前为止,我有谷歌的模型查看器做我想做的事!我可以更改产品的大小和颜色,但是,我想将变体选择器的“下拉菜单”更改为“网格”,以使其更像按钮而不是下拉列表。因为我现在只有大约一个月的 HTML、CSS 和 JS 工作经验,所以我不知道该怎么做。我有要填充选项的每种颜色样本的图像。

我也尝试过使用 DDSlick Jquery 来充当包含图像(用于色板颜色)的下拉列表,但我也不知道如何让它工作。

对此的任何帮助将不胜感激!

0 投票
1 回答
128 浏览

javascript - Google Model Viewer 在浏览器不支持 AR 时隐藏 AR 预览按钮

我正在使用谷歌模型查看器库。为电子商务网站提供 AR 支持。

自定义按钮在您的空间中查看

我想为那些没有 AR 功能的浏览器隐藏 AR 预览按钮(在您的空间中查看)。我还想显示支持“android”和“ios”的自定义“添加到购物车”按钮?

AR 中的“添加到购物车”按钮

我添加如下代码。它显示在android中但不在ios中