search

kalwalt / kalwalt-interactivity-AR

Some various experiments with Ar.js and Three.js
https://kalwalt.github.io/kalwalt-interactivity-AR/
GNU Lesser General Public License v3.0
78 stars 11 forks source link

[BUG] Stuck on mobile phone, loading on PC #40

Closed sprengerst closed 2 years ago

sprengerst commented 3 years ago

Describe the bug I tried to integrate the example in our page, but the NFT data loadidng seems to be stuck on mobile phones. On pc everything works as it should. Mayber you could give me a hint here.

To Reproduce Steps to reproduce the behavior:

  1. Go to 'https://mazing-ar.com/poc/image-tracking/kawalt/nft_pinball_video.html'
  2. See stuck on Mobile but working on PC

The example works on PC but is stuck on mobile Phones.

Desktop (please complete the following information): Windows / Chrome

Smartphone (please complete the following information):

sprengerst commented 3 years ago

image

I attached a logging difference. Left is PC, right is mobile. On the left the marker reading is working, on the right nothing like that seems to happen.

kalwalt commented 3 years ago

Hi @sprengerst thank to testing it. nftLoader was my first attempt to develop a smart library for NFT marker. I didn't continue his development, or better the development of this is ARnft in the webarkit organization. Anyway this example worked on Mobile while ago but i higly suggest to you using ARnft (if you want), it has so much features compared to this small librarry. ARnft has ES6 standard (with UMD) and you can install with npm in a React or equivalent frameworks. Tell me if this feets your needs, just let me know. :smile

sprengerst commented 3 years ago

Hi kalwalt, thank you for your fast answer. I tried your suggested library. Many thanks for your work. Do you have a Paypal me link? Best, Stefan

kalwalt commented 3 years ago

Hi kalwalt, thank you for your fast answer. I tried your suggested library. Many thanks for your work. Do you have a Paypal me link? Best, Stefan

Thanks to you! You will see that it is in constant development, you can ask more infos in the Discussions and if you find some bug file an issue. I have a Patreon profile if you want support me in this way. :slightly_smiling_face:

kalwalt commented 3 years ago

@sprengerst debugging in firefox it gives me some more infos: 

GEThttps://kalwalt.github.io/kalwalt-interactivity-AR/nft/nft_pinball_video.html
[HTTP/2 200 OK 216ms]

GEThttps://kalwalt.github.io/kalwalt-interactivity-AR/resources/css/nft-style.css
[HTTP/2 200 OK 170ms]

GEThttps://kalwalt.github.io/kalwalt-interactivity-AR/resources/three.min.js
[HTTP/2 200 OK 248ms]

GEThttps://kalwalt.github.io/kalwalt-interactivity-AR/resources/js/libs/stats.min.js
[HTTP/2 200 OK 245ms]

GEThttps://kalwalt.github.io/kalwalt-interactivity-AR/resources/build/nftLoader/nftLoader.min.js
[HTTP/2 200 OK 244ms]

GEThttps://kalwalt.github.io/kalwalt-interactivity-AR/resources/data/videos/video--01.mp4
[HTTP/2 206 Partial Content 1028ms]

Autoplay is only allowed when approved by the user, the site is activated by the user, or media is muted. nft_pinball_video.html:36:9
XHRGEThttps://kalwalt.github.io/kalwalt-interactivity-AR/nft/config.json
[HTTP/2 200 OK 286ms]

Uncaught (in promise) DOMException: The play method is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.
GEThttps://kalwalt.github.io/kalwalt-interactivity-AR/resources/data/logo.gif
[HTTP/2 200 OK 243ms]

Uncaught (in promise) TypeError: this is undefined
    init https://kalwalt.github.io/kalwalt-interactivity-AR/resources/build/nftLoader/nftLoader.min.js:1
    promise callback*e.prototype.init https://kalwalt.github.io/kalwalt-interactivity-AR/resources/build/nftLoader/nftLoader.min.js:1
    <anonymous> https://kalwalt.github.io/kalwalt-interactivity-AR/nft/nft_pinball_video.html:31
nftLoader.min.js:1:2164
    init https://kalwalt.github.io/kalwalt-interactivity-AR/resources/build/nftLoader/nftLoader.min.js:1
    (Asinc.: promise callback)
    init https://kalwalt.github.io/kalwalt-interactivity-AR/resources/build/nftLoader/nftLoader.min.js:1
    <anonima> https://kalwalt.github.io/kalwalt-interactivity-AR/nft/nft_pinball_video.html:31
Autoplay is only allowed when approved by the user, the site is activated by the user, or media is muted. nft_pinball_video.html

Maybe some changes in a recent past broke the package build. i left this only for reference. Go with ARnft in anyway.

kalwalt commented 2 years ago

Removed nftLoader from this project with #44, closing the issue because has no sense anymore.