Not launching with Firefox #3318
Replies: 5 comments 2 replies
-
|
Did you check your JS console for errors? The most likely is that it can't find your GLB. If you can post a link to the live website we can tell for sure. |
Beta Was this translation helpful? Give feedback.
-
|
I checked the link with the 3D model and it is good. All other browsers (Chrome, Brave, Opera,Edge, Samsung Internet), correctly display the 3D model. I haven't tried with Safari as I don't have a mac device |
Beta Was this translation helpful? Give feedback.
-
|
I tried on another computer and it works with Firefox. I also tested with the browser Safari with a IPAD and it works too. I don't understand why because it doesn't work on my smartphone with Firefox. |
Beta Was this translation helpful? Give feedback.
-
|
The JS console is your friend. When you post its contents, the reason will likely become clear. |
Beta Was this translation helpful? Give feedback.
-
|
This is the error displayed |
Beta Was this translation helpful? Give feedback.
-
|
Looks like you're using a custom progress bar? I don't think you want to use |
Beta Was this translation helpful? Give feedback.
-
|
Strangely, it works once but if we reload another page with another 3D model there is only the image Looks like after the first load the script crashes |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
Uh oh!
There was an error while loading. Please reload this page.
-
model.zip
Hi,
By making a simple file with a simple 3D model, nothing is displayed with Firefox. There is only the image.
I saw that "webxr in ar-modes" does not work with Firefox and Safari.
But I'm just using the base code to display the model.
This is the basic code :
<body> <!-- <model-viewer> HTML element --> <model-viewer bounds="tight" enable-pan src="crayonjaune.glb" ar ar-modes="webxr scene-viewer quick-look" camera-controls poster="poster.webp" shadow-intensity="0" shadow-softness="0"> <div class="progress-bar hide" slot="progress-bar"> <div class="update-bar"></div> </div> </model-viewer> <script src="script.js"></script> <!-- Loads <model-viewer> for browsers: --> <script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>I put the model in the archive.
Thank you for your help.
Beta Was this translation helpful? Give feedback.
All reactions