Update share_btn.py

share_btn.py

@@ -8,7 +8,9 @@ loading_icon_html = """<svg id="share-btn-loading-icon" style="display:none;" cl
 "
    xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" fill="none" focusable="false" role="img" width="1em" height="1em" preserveAspectRatio="xMidYMid meet" viewBox="0 0 24 24"><circle style="opacity: 0.25;" cx="12" cy="12" r="10" stroke="white" stroke-width="4"></circle><path style="opacity: 0.75;" fill="white" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg>"""
 
-share_js = """async () => {
+share_js = """
+
+async () => {
 	async function uploadFile(file){
 		const UPLOAD_URL = 'https://huggingface.co/uploads';
 		const response = await fetch(UPLOAD_URL, {
@@ -25,7 +27,7 @@ share_js = """async () => {
 	
     async function getOutputVideoFile(videoURL){
         
-        fetch(videoURL, {mode: 'no-cors'})
+        fetch(videoURL)
           .then(response => response.blob())
           .then(blob => {
             // do something with the blob;
@@ -42,18 +44,16 @@ share_js = """async () => {
     const gradioEl = document.querySelector("gradio-app").shadowRoot || document.querySelector('body > gradio-app');
     
     const whisper_input = gradioEl.querySelector('#text_inp textarea').value;
+    
     const outputVideo = gradioEl.querySelector('#video_out video');
     const outputVideo_src = gradioEl.querySelector('#video_out video').src;
     console.log(outputVideo_src)
     const outputVideo_name = outputVideo_src.split('/').pop();
+    
     const video_url = `https://fffiloni-gpt-talking-portrait.hf.space/file=https://fffiloni-one-shot-talking-face.hf.space/file=/tmp/${outputVideo_name}`;
     
     let titleTxt = outputVideo_name;
     
-    //if(titleTxt.length > 100){
-    //    titleTxt = titleTxt.slice(0, 100) + ' ...';
-    //}
-    
     const shareBtnEl = gradioEl.querySelector('#share-btn');
     const shareIconEl = gradioEl.querySelector('#share-btn-share-icon');
     const loadingIconEl = gradioEl.querySelector('#share-btn-loading-icon');
@@ -61,6 +61,7 @@ share_js = """async () => {
     if(!outputVideo){
         return;
     };
+    
     shareBtnEl.style.pointerEvents = 'none';
     shareIconEl.style.display = 'none';
     loadingIconEl.style.removeProperty('display');