Fix share button

app.py

@@ -269,7 +269,8 @@ with block as demo:
                     label="Enter the URL of the YouTubeVideo",
                     show_label=False,
                     max_lines=1,
-                    placeholder="YouTube URL"
+                    placeholder="YouTube URL",
+                    elem_id="prompt-in"
                 ).style(
                     border=(True, False, True, True),
                     rounded=(True, False, False, True),

share_btn.py

@@ -29,28 +29,6 @@ share_js = """async () => {
         const fileName = `sd-perception-${{videoId}}.mp4`;
         return new File([blob], fileName, { type: 'video/mp4' }); 
 	}
-	async function getInputImgFile(imgEl){
-        const res = await fetch(imgEl.src);
-        const blob = await res.blob();
-        const imgId = Date.now() % 200;
-        const isPng = imgEl.src.startsWith(`data:image/png`);
-        if(isPng){
-            const fileName = `sd-perception-${{imgId}}.png`;
-            return new File([blob], fileName, { type: 'image/png' });
-        }else{
-            const fileName = `sd-perception-${{imgId}}.jpg`;
-            return new File([blob], fileName, { type: 'image/jpeg' });
-        }
-	}
-    async function getOutputMusicFile(audioEL){
-        const res = await fetch(audioEL.src);
-        const blob = await res.blob();
-        const audioId = Date.now() % 200;
-        const fileName = `spectro-music-${{audioId}}.wav`;
-        const musicBlob = new File([blob], fileName, { type: 'audio/wav' });
-        console.log(musicBlob);
-        return musicBlob;
-	}
     
     async function audioToBase64(audioFile) {
         return new Promise((resolve, reject) => {
@@ -65,9 +43,6 @@ share_js = """async () => {
     // const gradioEl = document.querySelector("gradio-app").shadowRoot;
     const inputPromptEl = gradioEl.querySelector('#prompt-in textarea').value;
     const outputVideoEl = gradioEl.querySelector('#output-video video');
-    const outputImgEl = gradioEl.querySelector('#img-out img');
-    const outputMusic = gradioEl.querySelector('#music-out audio');
-    const outputMusic_src = gradioEl.querySelector('#music-out audio').src;
     
     let titleTxt = inputPromptEl;
     //if(titleTxt.length > 100){
@@ -84,18 +59,13 @@ share_js = """async () => {
     loadingIconEl.style.removeProperty('display');
     const outputVideo = await getInputVideoFile(outputVideoEl);
     const urlOutputVideo = await uploadFile(outputVideo);
-    const outputImg = await getInputImgFile(outputImgEl);
-    const urlOutputImg = await uploadFile(outputImg);
-    const musicFile = await getOutputMusicFile(outputMusic);
-	const dataOutputMusic = await uploadFile(musicFile);
     
     const descriptionMd = `#### Here is my AI generated Video Summary:
-<img src='${urlOutputImg}' style='max-height: 350px;'>
+    <video width="320" height="240" controls>
+        <source src='${urlOutputVideo}' type="video/mp4">
+        Your browser does not support the video tag.
+    </video>
 
-<audio controls>
-  <source src="${dataOutputMusic}" type="audio/wav">
-Your browser does not support the audio element.
-</audio>
 `;
     const params = new URLSearchParams({
         title: titleTxt,