I successfully hosted AUGMENTED REALITY on my SWCP server -- at
THIS LINK.
to summon an AR overlay
However when I follow the
MINDAR tutorial -- I am unable to construct and host my own AUGMENTED REALITY.
From
THIS LINK -- the image scans, but fails to recognize the target and overlay an AR object --
PaperPose.GLB -- over it:
The "Target" image
from the AR experience I constructed
ERROR MESSAGE
- getUserMedia error NotAllowedError: Permission denied
- mindar-image-aframe.prod.js:20756
PERMISSION DENIED
THE CODE
<a-scene mindar-image="imageTargetSrc: targets.mind;" color-space="sRGB" renderer="colorManagement: true, physicallyCorrectLights" vr-mode-ui="enabled: false" device-orientation-permission-ui="enabled: false">
<a-assets>
<img id="card" src="tar.png" />
<a-asset-item id="avatarModel" src="Paperpose.glb"></a-asset-item>
</a-assets>
<a-camera position="0 0 0" look-controls="enabled: false"></a-camera>
<a-entity mindar-image-target="targetIndex: 0">
<a-plane src="#card" position="0 0 0" height="0.552" width="1" rotation="0 0 0"></a-plane>
<a-gltf-model rotation="0 0 0 " position="0 0 0.1" scale="0.005 0.005 0.005" src="#avatarModel" animation="property: position; to: 0 0.1 0.1; dur: 1000; easing: easeInOutQuad; loop: true; dir: alternate">
NOT THE SOLUTION
Changing to this line below did not work -- the website would not even try to scan the image:
https://cdn.jsdelivr.net/npm/mind-ar@1.1.5/dist/mindar-image-three.prod.js