Looks like there's something wrong with this object ARCore error

[faizan1990]

This is my code:

<!-- Import the component -->
<script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.js"></script>
<script nomodule src="https://unpkg.com/@google/model-viewer/dist/model-viewer-legacy.js"></script>
<!-- Use it like any other HTML element -->
<model-viewer src="/examples/assets/Astronaut.glb" ar camera-controls alt="A 3D model of an astronaut" background-color="#222" ios-src="assets/Astronaut.usdz" magic-leap unstable-webxr></model-viewer>

Serving it over HTTPS node server running locally. However, when I tap on the AR button in the Chrome browser to open the ARCore in Android Pie, I get an error saying:

Couldn't load object: Looks like there's something wrong with this object

Please see the attached images to see what I mean.

Any help will be really appreciated.

Browser

Chrome

OS

• [X] Android Pie 9.1

[cdata]

Hi @faizan1990 I'll try to confirm this but my guess is that you need a valid certificate for the origin to be considered secure. In other words, your browser should show a green lock in the location bar, not a red ⚠️

[faizan1990]

Hi @cdata you are correct! I ran it on ngrok as a valid secure server and it works fine. Thanks for your prompt reply.