Angular integration image detection

[olivelegras]

Hi,
I try to use mind-ar-ts in Angular project but unfortunately after I accept camera request I have no camera stream and just have a message "
Failed to launch :(Looks like your device/browser is not compatible.
Please try the following recommended browsers:
For Android device - Chrome
For iOS device - Safari".

My try's was on chrome Mac and iOS safari. Any ideas ?

[krsbx]

@olivelegras can you show me the example code? so I can I see it easier

[olivelegras]

Hi @krsbx,

in playar.component.html
<a-scene mindar-image="imageTargetSrc: https://cdn.jsdelivr.net/gh/hiukim/[email protected]/examples/image-tracking/assets/card-example/card.mind;" vr-mode-ui="enabled: false" device-orientation-permission-ui="enabled: false"> <a-camera position="0 0 0" look-controls="enabled: false"></a-camera> <a-entity mindar-image-target="targetIndex: 0"> <a-plane color="blue" opaciy="0.5" position="0 0 0" height="0.552" width="1" rotation="0 0 0"></a-plane> </a-entity> </a-scene>

in app.module.ts
schemas: [ CUSTOM_ELEMENTS_SCHEMA ]

in package.json
... "@angular/core": "~12.2.0", .... "@types/aframe": "^1.2.2", "aframe": "^1.4.1", "mind-ar": "^1.2.0", "mind-ar-ts": "^0.5.7", ...

in polyfills.ts
import 'mind-ar-ts/dist/mindar-image.prod.js'; import 'aframe'; import 'mind-ar-ts/dist/mindar-image-aframe.prod.js';

Test on chrome Mac Version 110.0.5481.177