From 60bb4e353bade0d6878e86a731b8dc9fc69e4b4f Mon Sep 17 00:00:00 2001 From: Jonathan Hervieux <jonathan.hervieux@cartier.com> Date: Tue, 18 Jul 2023 11:21:30 +0200 Subject: [PATCH] feat: auto activate AR mode --- model-viewer/index.html | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/model-viewer/index.html b/model-viewer/index.html index e5385319..05d7fc06 100644 --- a/model-viewer/index.html +++ b/model-viewer/index.html @@ -28,7 +28,7 @@ cursor: pointer; } - .lable { + .label { line-height: 22px; font-size: 17px; color: #fff; @@ -42,14 +42,25 @@ <model-viewer src="deer/scene.gltf" ar + ar-modes="scene-viewer quick-look" shadow-intensity="1" camera-controls touch-action="none" > <div class="button" slot="ar-button"> - <span class="lable">Go to AR</span> + <span class="label">Go to AR</span> </div> </model-viewer> </div> </body> + <footer> + <script type="module"> + window.addEventListener("load", () => { + const modelViewer = document.querySelector('model-viewer'); + if (modelViewer.canActivateAR) { + modelViewer.activateAR(); + } + }); + </script> + </footer> </html> -- GitLab