DemiSel
/
encantar-js


			
				
					
						
						
							123456789101112131415161718192021222324
							<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <title>MARTINS.js WebAR demo using THREE.js</title>
        <link href="../assets/demo.css" rel="stylesheet">
        <script src="../../dist/martins.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/three@0.138.3/build/three.min.js"></script>
        <script src="https://cdn.jsdelivr.net/npm/three@0.138.3/examples/js/loaders/GLTFLoader.js"></script>
        <script src="../assets/three-with-martins.js"></script>
        <script src="demo.js"></script>
    </head>
    <body>
        <div id="ar-viewport">
            <div id="ar-hud" hidden>
                <img id="scan" src="../assets/scan.png">
                <button id="toggle-webcam"></button>
            </div>
        </div>
        <img id="my-reference-image" src="../assets/my-reference-image.webp" hidden>
        <video id="my-video" src="../assets/my-video.webm" hidden muted loop playsinline autoplay oncanplay="this.muted=true;this.play()"></video>
    </body>
</html>