Update share_btn.py

share_btn.py

@@ -16,7 +16,7 @@ async () => {
 		const response = await fetch(UPLOAD_URL, {
 			method: 'POST',
 			headers: {
-				'Content-Type': 'video/mp4',
+				'Content-Type': file.type,
 				'X-Requested-With': 'XMLHttpRequest',
 			},
 			body: file, /// <- File inherits from Blob
@@ -25,22 +25,13 @@ async () => {
 		return url;
 	}
 	
-    async function getOutputVideoFile(videoURL){
-        
-        fetch(videoURL)
-          .then(response => response.blob())
-          .then(blob => {
-            // do something with the blob;
-            console.log(blob);
-            
-            //let videoBlob = URL.createObjectURL(blob);
-            
-            let videoBlob = new File([blob], { type: 'video/mp4' });
-            console.log(videoBlob);
-            return videoBlob;
-          });
-	
-    }
+     async function getInputVideoFile(videoEl){
+        const res = await fetch(videoEl.src);
+        const blob = await res.blob();
+        const videoId = Date.now() % 200;
+        const fileName = `gpt-talking-portrai-${{videoId}}.mp4`;
+        return new File([blob], fileName, { type: 'video/mp4' }); 
+	}
     
     
     const gradioEl = document.querySelector("gradio-app").shadowRoot || document.querySelector('body > gradio-app');
@@ -68,7 +59,7 @@ async () => {
     shareIconEl.style.display = 'none';
     loadingIconEl.style.removeProperty('display');
     
-    const videoFile = await getOutputVideoFile(outputVideo_src);
+    const videoFile = await getInputVideoFile(outputVideo);
 	const dataOutputVideo = await uploadFile(videoFile);