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);