Update app.py

app.py

@@ -637,7 +637,7 @@ async(c, o, p, d, n, m)=>{
           mesh.dispose(false, true);
         }
         var dome = [];
-        for (var j=0; j<o_.length; j++) {
+        /*for (var j=0; j<o_.length; j++) {
           o_[j] = parseInt(o_[j]);
           dome[j] = new BABYLON.PhotoDome("dome"+j, p[o_[j]].image.url, 
           {
@@ -663,7 +663,37 @@ async(c, o, p, d, n, m)=>{
           BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-1].position.x = coords[o_[j]].lng;
           BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-1].rotation.y = coords[o_[j]].heading / 180 * Math.PI;
           BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-1].rotation.z = -coords[o_[j]].pitch / 180 * Math.PI;
+        }*/
+        const videoDome = new BABYLON.VideoDome(
+            "videoDome",
+            [document.getElementById("output_video").getElementsByTagName("video")[0].src],
+            {
+                resolution: 16,
+                size: 512
+                clickToPlay: false,
+                autoPlay: false,
+                poster: 'https://freeali.se/assets/images/1x1.png',
+            }, BABYLON.Engine.LastCreatedScene
+        );
+        var q = BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-2]._children;
+            for (i = 0; i < q.length; i++) {
+            let mesh = q[i];
+            mesh.dispose(false, true);
         }
+        BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-1].scaling.z = -1;
+        BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-1].material.emissiveTexture = videoDome.videoTexture;
+        BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-1].material.emissiveTexture.hasAlpha = true;
+        BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-1].material.useAlphaFromEmissiveTexture = true;
+        BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-1].alphaIndex = 1;
+        BABYLON.Engine.LastCreatedScene.meshes[BABYLON.Engine.LastCreatedScene.meshes.length-1].visibility = 0.9999;
+        
+        window.video = document.getElementById("depth_video").getElementsByTagName("video")[0];
+        videoDome.videoTexture.video.oncanplaythrough = function () {
+          videoDome.videoTexture.video.play();
+          video.play();
+          videoDome.videoTexture.video.oncanplaythrough = null;
+          video.oncanplaythrough = null;
+        };
 
         window.md = false;
         window.r_old = 1.0;
@@ -676,7 +706,6 @@ async(c, o, p, d, n, m)=>{
         window.yold = 0;
         window.buffer = null;
         window.ctx = null;
-        window.video = document.getElementById("depth_video").getElementsByTagName("video")[0];
 
         document.getElementById("model3D").getElementsByTagName("canvas")[0].addEventListener('pointermove', function(evt) {
         if (md === true) {
@@ -1046,7 +1075,7 @@ with gr.Blocks(css=css, js=js, head=head) as demo:
 
         with gr.Column():
           model_type = gr.Dropdown([("small", "vits"), ("base", "vitb"), ("large", "vitl"), ("giant", "vitg")], type="value", value="vits", label='Model Type')
-          processed_video = gr.Video(label="Output Video", format="mp4", interactive=False)
+          processed_video = gr.Video(label="Output Video", format="mp4", elem_id="output_video", interactive=False)
           processed_zip = gr.File(label="Output Archive", interactive=False)
           depth_video = gr.Video(label="Depth Video", format="mp4", elem_id="depth_video", interactive=False, visible=False)
           result = gr.Model3D(label="3D Mesh", clear_color=[0.5, 0.5, 0.5, 0.0], camera_position=[0, 90, 0], zoom_speed=2.0, pan_speed=2.0, interactive=True, elem_id="model3D")