我們在 2 月推出了 <model-viewer> 網頁元件，可讓您以宣告方式將 3D 模型新增至網頁，同時在自家網站上託管模型。無法支持的事情是擴增實境也就是說，您無法在裝置的攝影機畫面上方轉譯元件的來源圖片。
為此，我們開始支援 iOS 上的 Magic Leap 和「快速查看」功能。現在，我們宣布在 Android 上支援 AR，並新增 ar 屬性。這項屬性以名為 Scene Viewer 的新 ARCore 功能為基礎建構而成，這個外部應用程式可用於查看 3D 模型。如要進一步瞭解 Scene Viewer，請參閱「在 Android 瀏覽器中以 AR 檢視 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 上使用問題和意見回饋。