index.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>WebAR Demo</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  7. <link rel="stylesheet" href="asset/css/default.css" />
  8. </head>
  9. <body>
  10. <div class="footer">
  11. <input type="button" value="打开摄像头" id="openCamera" />
  12. <select class="none" id="videoDevice"></select>
  13. <input class="none" type="button" value="开始识别" id="start" />
  14. <input class="none" type="button" value="停止识别" id="stop" />
  15. </div>
  16. <script type="text/javascript" src="asset/js/adapter.js"></script>
  17. <script type="text/javascript" src="asset/js/vconsole.min.js"></script>
  18. <script type="text/javascript" src="asset/libs/three/three.min.js"></script>
  19. <script type="text/javascript" src="asset/libs/three/FBXLoader.js"></script>
  20. <script type="text/javascript" src="asset/libs/three/inflate.min.js"></script>
  21. <script type="text/javascript" src="asset/libs/three/OrbitControls.js"></script>
  22. <script type="text/javascript" src="asset/js/ThreeHelper.js"></script>
  23. <script type="text/javascript" src="asset/js/webar.js"></script>
  24. <script>
  25. (function(){
  26. var vConsole = new VConsole();
  27. const now = (new Date()).getTime();
  28. const e = document.createElement('script');
  29. e.setAttribute('src', `asset/js/app.js?t=${now}`);
  30. document.body.appendChild(e);
  31. })();
  32. </script>
  33. </body>
  34. </html>