Update app.py

app.py

@@ -925,6 +925,29 @@ if (BABYLON) {
 }
 window.snapshot = snapshot;
 
+
+window.recorder = null;
+
+function record_video() {
+  try {
+  if (BABYLON.VideoRecorder.IsSupported(BABYLON.Engine) && (recorder == null || !recorder.isRecording) ) {
+    if (recorder == null) {
+        recorder = new BABYLON.VideoRecorder(BABYLON.Engine, { mimeType:'video/mp4', fps:25, /*audioTracks: mediaStreamDestination.stream.getAudioTracks()*/ });
+    }
+    recorder.startRecording('video.mp4', 60*60);
+  }
+  } catch(e) {alert(e);}
+}
+window.record_video = record_video;
+
+function stop_recording() {
+  if (recorder.isRecording) {
+    recorder.stopRecording();
+  }
+}
+window.stop_recording = stop_recording;
+
+
     function applyDisplacementMapFromBuffer(
         mesh,
         buffer,
@@ -1247,7 +1270,9 @@ with gr.Blocks(css=css, js=js, head=head) as demo:
               this.parentNode.childNodes[2].innerText = BABYLON.Engine.LastCreatedScene.activeCamera.metadata.pipeline.imageProcessing.exposure;
             '/><span>1.0</span>""")
             snapshot = gr.HTML(value="""
-              <a onclick='snapshot();'>Screenshot</a><br/>
+              <a href='#' onclick='snapshot();'>Screenshot</a>
+              <a href='#' onclick='record_video();'>Record</a>
+              <a href='#' onclick='stop_recording();'>Stop</a><br/>
               <img src='' id='img_out' onload='var ctxt = document.getElementById(\"cnv_out\").getContext(\"2d\");ctxt.drawImage(this, 0, 0);'/><br/>
               <canvas id='cnv_out'></canvas>
               <div id='compass_box'><div id='compass'><a id='fullscreen' onclick='