我們在 2 月推出了 <model-viewer> 網頁元件，讓您可以宣告性地將 3D 模型新增至網頁，同時在您自己的網站上代管模型。但不支援擴增實境。也就是說，您無法在裝置的攝影機動態饋給上算繪元件的來源圖片。
為此，我們已新增對 Magic Leap 和 iOS 上的 Quick Look 的支援。我們現在宣布支援 Android 上的 AR，並新增 ar 屬性。這個屬性是根據名為 Scene Viewer 的新 ARCore 功能建構而成，這是用於查看 3D 模型的外部應用程式。如要進一步瞭解 Scene Viewer，請參閱「透過 Android 瀏覽器在擴增實境中查看 3D 模型」一文。
讓我們來看看如何使用 <model-viewer> 進行擴增實境。
屬性
您應該還記得，不需要特殊知識即可使用網頁元件。它的行為類似標準 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 上回報問題及提供意見。