The Model Doesn't Load From SRC #5092

el-ibrahim-mohamed · 2025-09-05T20:03:12Z

el-ibrahim-mohamed
Sep 5, 2025

In the src attribute of the model viewer, I attempted to specify a path to a GLB file, but it did not work. I used GitHub to host a model and use its URL and also used file.io / tmpfile.org to get a temp link and tried it on the moment, but it also didn't work. What kind of thing should be put in it?
This is the code I am using, it's with Python Streamlit:

import streamlit as st
import streamlit.components.v1 as components

st.set_page_config(page_title="AR Demo", layout="wide")

# HTML code for <model-viewer>
html_code = """
<!DOCTYPE html>
<html>
  <head>
    <script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
    <style>
      model-viewer {
        width: 100%;
        height: 600px;
        background-color: #e0e0e0;
      }
      button {
        position: absolute;
        top: 20px;
        right: 20px;
        padding: 10px 14px;
        font-size: 14px;
        background: #0a84ff;
        color: white;
        border: none;
        border-radius: 4px;
      }
    </style>
  </head>
  <body>
    <model-viewer
      src="https://modelviewer.dev/shared-assets/models/Astronaut.glb"
      ios-src="https://modelviewer.dev/shared-assets/models/Astronaut.usdz"
      alt="3D model"
      camera-controls
      auto-rotate
    >
      <button slot="ar-button">👀 View in AR</button>
    </model-viewer>
  </body>
</html>
"""

# Render inside Streamlit
components.html(html_code, height=650)

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

The Model Doesn't Load From SRC #5092

Uh oh!

{{title}}

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

The Model Doesn't Load From SRC #5092

Uh oh!

el-ibrahim-mohamed Sep 5, 2025

Replies: 0 comments

el-ibrahim-mohamed
Sep 5, 2025