leoncvlt / ar-button Goto Github PK

Ive been experimenting with this repo trying to replicate the examples on my own server inside a react app. A couple of hurdles but we got there eventually and are able to launch a .glb file fine just like the example.

However we noticed that gltf files dont work (Object could not be loaded.) - The same object works in the native model-viewer. Is there a reason behind this or a workaround? The authoring process we have makes use of easily produced gltf files, but not so much glb.

E* - Is it also possible to make use of model-viewers auto-generating USDZ ?

:)

Hey, thanks for this code. However the eventlistener doesn't work on your example or when trying on my end.
Any suggestions?

YOUR CODE:

  <script>
    const arButton = document.querySelector("ar-button");
    arButton.addEventListener("quick-look-button-tapped", () => {
      window.location.href = "https://https://www.nasa.gov/";
    });
  </script>

APPLE DEV CODE which works using a regular A link, but just not using your ar-button

<script>
document.getDocumentbyID("ar-link-2").addEventListener("message", function (event) {   
    if (event.data == "_apple_ar_quicklook_button_tapped") {
        window.location.assign("https://google.com");
    }
}, false);
</script>

Any assistance would be great. Thanks!

I really like this project and wanted to know how this could be used for webxr ar viewing instead of scene viewer?