<!DOCTYPE html> <html lang="en"> <head> <title><model-viewer> template</title> <meta charset="utf-8" /> <meta name="description" content="<model-viewer> template" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <body style="overflow:hidden; padding:10%"> <h1><model-viewer> example</h1> <br><br> <model-viewer src="./../assets/index.glb" ar alt="XR Fragments demo scene"camera-controls touch-action="none" disable-tap field-of-view="80deg" min-field-of-view="25deg" max-field-of-view="100deg" interpolation-decay="200" camera-target="0m 0m 0m" min-camera-orbit="0.1% 0.1% 0.1%" style="width:66vw; height: 66vh; border-radius:5px; border:1px solid #CCC" > </model-viewer> <script src="./../../dist/xrfragment.model-viewer.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/model-viewer/3.4.0/model-viewer.min.js" type="module"></script> </body> </html>