
https://cdn.jsdelivr.net/gh/hiukim/mind-ar-js@1.1.5/dist/mindar-image.prod.js
https://aframe.io/releases/1.2.0/aframe.min.js
https://cdn.jsdelivr.net/gh/hiukim/mind-ar-js@1.1.5/dist/mindar-image-aframe.prod.js
var audio = new Audio(“./resources/birthdays/hbd_song.mp3”);
document.addEventListener(“DOMContentLoaded”, function() {
const sceneEl = document.querySelector(‘a-scene’);
const arSystem = sceneEl.systems[“mindar-image-system”];
const exampleTarget = document.querySelector(‘#example-target’);
exampleTarget.addEventListener(“targetFound”, event => {
audio.play();
});
exampleTarget.addEventListener(“targetLost”, event => {
audio.pause();
});
});
<!–
–>
<!– –>
const params = new Proxy(new URLSearchParams(window.location.search), {
get: (searchParams, prop) => searchParams.get(prop),
});
let id = params.id;
console.log(‘imageTargetSrc: ./patterns/birthdays/’ + id + ‘.mind;’);
const sceneEl = document.querySelector(“a-scene”);
//document.getElementById(“mindar-scene-main”).mindarImage = ‘imageTargetSrc: ./patterns/birthdays/${id}.mind;’;
sceneEl.setAttribute(“mindar-image”, ‘imageTargetSrc: ./patterns/birthdays/’ +id + ‘.mind;’);
