Skip to content

Still up to date? #124

@targyll

Description

@targyll

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!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions