MindArを利用して画像トラッキング後、オブジェクト画像のクリックにより動画再生、別画像のクリックでURLを遷移
動画再生は、プレビュー画像を配置し、プレビュー画像のクリックで動画再生させる
javascriptによりイベント振り分け(動画再生・URL遷移)
<script> AFRAME.registerComponent("click1", { init: function () { var panel = document.querySelector("#panel"); var v = document.querySelector("#vid"); var pic = document.querySelector("#pic"); let is_playing = false; this.el.addEventListener("click", () => { console.log("click1"); // alert("clicked_start"); if (!is_playing) { pic.setAttribute("visible", false); v.play(); is_playing = true; } else { v.pause(); // location.href = // "https://youtu.be/XeZcFc1jD9E?si=T34Z7Hyxt43I9meK"; is_playing = false; } }); }, }); </script>