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>