KRЯRL DЯAWINGS: MINDAR again

https://github.com/KrrrlKrrrl/Augmented_Reality/blob/main/Museum/MUSEUM.html

I successfully hosted AUGMENTED REALITY on my SWCP server -- at THIS LINK.

Hoover the smart phone over this "target" image

to summon an AR overlay

It also scans, but nothing else, from the code I posted on my blog

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

Target Image compiler

Multi-Tracks

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>

<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

This solution did not work

Other solutions on the Internet:

Again, the object is to create AUGMENTED REALITY experiences from a fixed "TARGET" -- like I did successfully with PICTARIZE.

Last year I experimented with MINDAR, but was not successful.

UPDATE (May 2, 2026): I compared the DIFFERENCES in the code between the MINDAR that does NOT work (which I constructed), to the code of the MINDAR that DOES work (from the demo) -- note that both of these are hosted on my SWCP server website:

<MINDAR-IMAGE>

The difference above is:

<a-scene mindar-image="imageTargetSrc: targets.mind;" color-space="sRGB"...

<a-scene mindar-image="imageTargetSrc: https://cdn.jsdelivr.net/gh/hiukim/mind-ar-js@1.2.5/examples/image-tracking/assets/card-example/card.mind;" color-space="sRGB"...

<CARD>

The difference above is:

<a-assets> <img id="card" src="tar.png"> -- $0 ...

<a-assets> <img id="card" src="https://cdn.jsdelivr.net/gh/hiukim/mind-ar-js@1.2.5/examples/image-tracking/assets/card-example/card.png" crossorigin="anonymous"> -- $0 ...

<AVATAR MODEL>

The difference above is:

<a-asset-item id="avatarModel" src="Paperpose.glb"></a-asset-item></a-assets>

<a-asset-item id="avatarModel" src="https://cdn.jsdelivr.net/gh/hiukim/mind-ar-js@1.2.5/examples/image-tracking/assets/card-example/softmind/scene.gltf"></a-asset-item></a-assets>