AR Quick Look

通过AR Quick Look，您能够快速的将AR/3D功能嵌入到您的网站、公众号、小程序以及APP中，助力您搭建自己的AR新零售平台。

环境要求

iOS：

• iOS12+
• Safari浏览器

Android：

• Android 7.0+(API级别24)或更高版本的ARCore支持设备。
• 适用于AR的Google Play服务的最新（最新）版本。该服务会自动安装在绝大多数ARCore支持的设备上，并保持最新状态。
• 最新版的Google应用。该应用程序已预安装，并且在绝大多数ARCore支持的设备上也自动保持最新。

如果要提供不存在适用于AR的Google Play服务或Google应用或安装的版本过旧的情况，则可以指定一个备用URL，该备用URL可启动一种替代体验，例如网页，错误消息，或您建立的后备体验。

<model-viewer> component

你可以在网页中添加带有ar属性的 <model-viewer>web 组件。

<script type="module"
  src="https://unpkg.com/@google/model-viewer@0.3.1/dist/model-viewer.js">
</script>

<script nomodule
  src="https://unpkg.com/@google/model-viewer@0.3.1/dist/model-viewer-legacy.js">
</script>

    <!-- All you need to put beautiful, interactive 3D content on your site: -->
    <model-viewer 
        ar-modes="scene-viewer webxr quick-look"
        src="./models/Astronaut.gltf" 
        ios-src="./models/Astronaut.usdz" 
        poster="" 
        alt="A 3D model of an astronaut" 
        shadow-intensity="1" 
        camera-controls=""
        auto-rotate="" 
        ar="" 
        data-js-focus-visible="" 
        ar-status="not-presenting">
    </model-viewer>

模型的要求和限制如下

预览器工具验证您的3D模型

为确保3D模型文件将在Scene Viewer中正确显示，请使用我们的在线预览器工具在PC上验证文件。

验证您的3D模型

要验证模型，预览器工具需要一个glb或glTF文件，任何关联的图像和bin文件以及一个可选的音频文件。音频文件将与动画0一起循环播放。

您可以多选单个文件，也可以选择将glb或glTF及其关联文件放入一个zip文件中。 （zip文件方法不支持音频文件。）

要验证您的3D模型，请执行以下操作：

1. 在浏览器中打开在线预览器工具。

2. 使用以下方法之一将文件添加到预览器工具：

   • 拖放。选择一个glb或glTF文件及其所有关联文件（或包含这些文件的zip文件），然后将所选文件或zip文件拖到预览器工具中。

   • 从预览器工具。在预览器工具中，选择“场景查看器”>“加载文件” 。选择一个glb或glTF文件及其所有关联文件（或包含这些文件的zip文件），然后点击打开。

将包含3D模型的文件加载到预览器工具中后，浏览器底部的控制台将显示结果，包括所有错误消息。