I know that there are a lot of ar.js examples available, but I did not manage to find one that is really working smooth out of the box on my configuration (Samsung Galaxy S8 + default Samsung Internet browser).
What I did so far:
On the Documentation (https://ar-js-org.github.io/AR.js-Docs/#getting-started) there is a link called "open this live example" (https://ar-js-org.github.io/AR.js/aframe/examples/marker-based/basic.html). When I open this example the camera zoom is very high so its hard to get the whole marker into the view. In addition to this "zoom-issue" nothing happens when the marker comes into focus. On Chrome the zoom is fine and an object is placed on the marker (not 100% perfect as the object is 90° tilted, but its working somehow).
I downloaded the latest sources from https://github.com/AR-js-org/AR.js and put them on my own server to check the examples. When trying the "basic" example from the three.js/examples folder some files where not found due to wrong paths (path to pattern file + path to camera parameters). After fixing these issues the camera stream is not shown in fullscreen.
I tried some other examples from the older repositoryhttps://github.com/jeromeetienne/AR.js/blob/master/README.md with the same result.
The Samsung Internet Browser (among others) is an absolute must for me, as it is the default browser for a large amount of devices. So hints like "try it on Chrome" would not solve my problem.
All I am searching for is an example that works on the majority of browsers (Safari, Samsung, Chrome, Firefox), shows the camera image in fullscreen mode and tracks a hiro marker.