I'm working on web ar using this library https://ar-js-org.github.io/AR.js-Docs/marker-based/ and I want to render html content on marker detection. This is simple ARjs marker-based example
<html>
<script src="https://aframe.io/releases/1.0.0/aframe.min.js"></script>
<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar.js"></script>
<body style="margin : 0px; overflow: hidden;">
<a-scene embedded arjs>
<a-marker preset="hiro">
<a-entity
position="0 -1 0"
scale="0.05 0.05 0.05"
gltf-model="your-server/https://raw.githack.com/AR-js-org/AR.js/master/aframe/examples/image-tracking/nft/trex/scene.gltf"
></a-entity>
</a-marker>
<a-entity camera></a-entity>
</a-scene>
</body>
I also discovered this repository https://github.com/supereggbert/aframe-htmlembed-component for html embed. This show html embed inside a-scene tag but not works whenever I add this conetent between a-marker tag.
<a-marker preset="hiro">
<a-entity htmlembed position="0 0 -5">
<h1>An Example</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</a-entity>
</a-marker>
I'm not sure the library (https://github.com/supereggbert/aframe-htmlembed-component), I'm using works with ARJS or not. Please suggest if there is a better way to fix that problem or something wrong with my code. Thanks