ar-js-org / ar.js-docs Goto Github PK

I know this is going to be potentially resolved in an update down the line, but right now it's hard to understand how to position content correctly on an image marker.

It would therefore be good to get this explained on how it currently works.

Many of the docs are a bit out of date, particularly given the update to use Webpack and other signficant changes at 3.4.

Should we maybe significantly rewrite the docs and examples?

I'm happy, time permitting, to do this for location-based, though I don't have the expertise for the marker and NFT side of things.

I try to deploy the site with the command: mkdocs gh-deploy but i receive this error:

ERROR - Config value: 'theme'. Error: Unrecognised theme name: 'flatly'. The available installed themes are: mkdocs, readthedocs

i tried to uninstall mkdocs

pip uninstall mkdocs

and install it again:

pip install mkdocs

as suggested in squidfunk/mkdocs-material#52 but not solved my issue. Instead running:

pip install --upgrade mkdocs-bootstrap mkdocs-bootswatch

as suggested here mkdocs/mkdocs#1265 solved completely the issue.

Location-based ar.js using pure three.js is now available on the dev branch. However there are not yet any tutorials or extensive documentation.

Do you want to request a feature or report a bug?
Report a bug

What is the current behavior?
The tracking is great but ones the video starts playing the framerate drops

If the current behavior is a bug, please provide the steps to reproduce.

    <button onclick="play()" style="    z-index: 999;
                                    position: relative;
                                    width: 50%;
                                    height: 10%;"> play</button>
    <a-scene embedded arjs>

        <a-assets timeout="10000">
            <video id="video-src" src="showreel.mp4" loop crossorigin playsinline></video>

        </a-assets>

        <a-marker preset="hiro">
            <a-entity
                      position="0 0 0"
                      scale="0.05 0.05 0.05"
                      gltf-model="https://arjs-cors-proxy.herokuapp.com/https://raw.githack.com/AR-js-org/AR.js/master/aframe/examples/image-tracking/nft/trex/scene.gltf"
                      ></a-entity>

            <a-video id="vid" src="#video-src" autoplay="false" width="3.733" height="2.1" position="0 0 0" rotation="-90 0 0" webkit-playsinline ></a-video>
        </a-marker>
        <a-entity camera></a-entity>
    </a-scene>
</body>

<script>
    function play() {
        document.getElementById('video-src').play();
    }
</script>

Please mention other relevant information such as the browser version, Operating System and Device Name
applicable to all OS and devices.
The device I am testing on is an Iphone 7, with the OS: iOS 14. I haven't had the ability to test it on Android

Tracking before play

Tracking after play

What is the expected behavior?
The tracking needs to remain good after the video start playing. It used to work fine, but maybe it behaves like this because of the iOS update?

See: AR-js-org/AR.js#119