Still up to date?
targyll opened this issue · 2 comments
Hello!
Thank you for your work!
This web app is a perfect solution for people like me who are no coders.
I need to insert a location based AR picture for a project with my students at the end of this week.
I tried to generate the code yesterday and uploaded it to github.
When I follow the provided link, the camera is activated on my phone but the AR picture is not displayed at all (I can just see it appearing for a short while as the window is loading, so I know it is well uploaded and linked in the html file).
If I try to use the generated index.html instead, it does not work at all.
I also tried to embed the code on a webpage (I use Google Sites): there is a frame with the VR sign at the bottom right corner, but the phone does not display the camera image. Well, this doesn't matter much because I can add a button with a link to the github hosted page... But it still doesn't show the AR image.
Long story short, I just wanted to know if AR.JS Studio still works or if the browsers in 2024 have evolved and cannot read the generated files or js code.
Here is my code:
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<script type="text/javascript" src="https://gc.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=uKTw3r2zFO2foll7qiCnzXQS-Fvx3X7gRz2Eo7ivqQ5Bx8afRDOjfQdj535A6KMSRxMefVivoZRIadjAIMk11Q" charset="UTF-8"></script><script src="https://aframe.io/releases/1.0.4/aframe.min.js"></script>
<script src="https://unpkg.com/aframe-look-at-component@0.8.0/dist/aframe-look-at-component.min.js"></script>
<script src="https://raw.githack.com/AR-js-org/AR.js/master/aframe/build/aframe-ar-nft.js"></script>
</head>
<body style="margin: 0; overflow: hidden;">
<a-scene
embedded
loading-screen="enabled: false;"
arjs="sourceType: webcam; debugUIEnabled: false;"
>
<a-image
src="[assets/asset.png](https://targyll.github.io/ghgj0c7dm/assets/asset.png)"
look-at="[gps-camera]"
scale="1 1 1"
gps-entity-place="latitude: 50.470275839868194; longitude: 4.827891366908714;"
></a-image>
<a-camera gps-camera rotation-reader></a-camera>
</a-scene>
</body>
</html>
Thanks for your help!
I found some doc that seems to confirm that the app is still up to date, and I read the readme and ar.js doc.
But I still can't figure out why the image does not show on my camera...
I tried several things, checked and tried other coordinates, changed the scale, the asset, used different browers/phones, etc. I don't see what I'm missing.