ar-saurus/indexBKP.html at master · paulonegrao/ar-saurus · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!DOCTYPE html>
<html>
  <script src="./js/aframe.min.js"></script>
  <script src="./js/aframe-ar.js"></script>
  <body style="margin : 0px; overflow: hidden;">
    <a-scene embedded arjs>
      <a-assets>
        <video
          id="dinos"
          autoplay
          loop="true"
          src="./assets/silvia-negrao-dinossauros.mp4"
          crossorigin
          webkit-playsinline
          playsinline
          controls
        ></video>
      </a-assets>
      <a-marker
        preset="custom"
        type="pattern"
        url="./assets/pattern-rabiola.patt"
      >
        <!-- <a-box position='0 0.5 0' material='color: yellow; opacity: 0.5;'></a-box> -->
        <a-video
          src="#dinos"
          position="0 0.5 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("#dinos");
        v.volume = 1;
        v.play();
      });
    </script>
  </body>
</html>