2 月，我们推出了 <model-viewer> Web 组件，让您能够以声明方式将 3D 模型添加到网页，同时将模型托管在您自己的网站上。它不支持增强现实。也就是说，您无法在设备的摄像头画面上渲染组件的源图片。
为此，我们添加了对 Magic Leap 和 iOS 上的 Quick Look 的支持。现在，我们宣布通过添加 ar 属性，在 Android 上支持 AR。此属性基于一项名为“Scene Viewer”的新 ARCore 功能构建而成，这是一个用于查看 3D 模型的外部应用。如需详细了解 Scene Viewer，请参阅通过 Android 浏览器在 AR 中查看 3D 模型。
我们来看看如何使用 <model-viewer> 实现增强现实。
属性
您可能还记得，Web 组件无需任何特殊知识即可使用。它像标准 HTML 元素一样，具有唯一的标记以及属性和方法。使用 <script> 标记添加该元素后，可以像使用任何其他 HTML 元素一样使用它。
<model-viewer alt="A 3D model of an astronaut." src="Astronaut.gltf" ios-src="Astronaut.usdz" magic-leap ar>
这与我在之前的文章中介绍的内容非常相似。请注意我突出显示的最后一项。这就是新属性。
正在安装新版本
如果您已在使用 <model-viewer>，则可能正完全如文档中所示，使用 <script> 标记导入组件。我们会不断改进。如果您想先测试新功能，然后再有目的地升级和部署，则需要安装特定版本的 <model-viewer>。为此，请将版本号添加到文件网址中，如下所示。然后，请关注版本页面了解最新动态。
<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>
总结
欢迎试用新版 <model-viewer>，并告诉我们您的想法。
欢迎在 GitHub 上提交问题和反馈。