Update app.py

app.py

@@ -332,11 +332,22 @@ def generate(
             num_steps=64,
             randomize_seed=True,
         )
-        # Convert the GLB file to a base64 data URL and embed it in an HTML <model-viewer> tag.
+        # Convert the GLB file to a base64 data URL.
         data_url = glb_to_data_url(glb_path)
+        # Create an HTML snippet that loads model-viewer and converts the data URL to a Blob URL.
         html_output = f'''
-        <model-viewer src="{data_url}" alt="3D Model" auto-rotate camera-controls style="width: 100%; height: 400px;"></model-viewer>
         <script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script>
+        <model-viewer id="model-viewer" alt="3D Model" auto-rotate camera-controls 
+                      style="width: 100%; height: 400px;"></model-viewer>
+        <script>
+          (async () => {{
+            const response = await fetch("{data_url}");
+            const arrayBuffer = await response.arrayBuffer();
+            const blob = new Blob([arrayBuffer], {{type: 'model/gltf-binary'}});
+            const blobUrl = URL.createObjectURL(blob);
+            document.getElementById("model-viewer").src = blobUrl;
+          }})();
+        </script>
         '''
         yield gr.HTML(html_output)
         return