2021-kodama/AR-video.html at 6e46f317e05ce1d208bfeb032d102fc3174deacf

Fork: 0

KoekiGameDesign / 2021-kodama

Find file

Newer

Older

2021-kodama / AR-video.html

kodama kazuma on 11 Jan 2022 901 bytes Update AR-video.html

Raw Blame History

<!doctype HTML>
<html>
<script src="https://aframe.io/releases/0.9.2/aframe.min.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.7.7/aframe/build/aframe-ar.js"></script>
 
<body style='margin : 0px; overflow: hidden;'>
  <a-assets>
    <video id="AR-video" autoplay loop="true" muted="true" src="../location.mp4"></video>
  </a-assets>
  <!-- デバッグ用の画面表示、VR用のボタンをそれぞれ非表示に -->
  <a-scene embedded arjs="debugUIEnabled:false;" vr-mode-ui="enabled: false">
    <a-marker preset="hiro">
      <a-video src="#AR-video" width="1.4" height="2.6" position="0 0 0" rotation="270 0 0" play="true"></a-video>
    </a-marker>
    <a-entity camera></a-entity>
  </a-scene>
 
  <script>
    window.addEventListener('click', function () {
      var v = document.querySelector('#AR-video');
      v.play();
    });
  </script>
</body>
 
</html>