I am trying to add my own 3D GLB models to the google scene viewer generic code. However when I replace the link to the chair model with a downloaded GLB model the model does not show up on the webpage.
I have used my own models that I downloaded. I also tried using the same chair from the generic code by downloading it. I looked at the inspector and while the placeholder is present, it seems that the space is empty and the alt text does not display either
This is the code I'm working with:
<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>3DModel</title>
<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>
</head>
<body>
<model-viewer src="chair.glb" auto-rotate camera-controls alt="cube" background-color="#455A64"></model-viewer>
</body>
</html>
All I have changed is the src from a link to the chair.glb to the location of the downloaded model (which is in the same folder as the index code)
How can I fix this?