Ok fixed the gradio part

app.py

@@ -31,7 +31,7 @@ VIDEO_HTML = """
   preload="auto"
   width="640"
   height="264"
-  data-setup='{}'>
+  >
   <source src="{src}" type="video/mp4">
   <track kind="captions" src="{en_vtt}" srclang="en" label="English" default>
 </video>
@@ -68,12 +68,12 @@ def predownload(url, translate_action, source_language):
     if 'srt_path' in response:
       files.append(response["srt_path"])
     if 'vtt_path' in response:
-      files.append(response["srt_path"])
+      files.append(response["vtt_path"])
 
     if 'sub_video' in response:
       updates_object[sub_video] = gr.update(visible=True, value=response["sub_video"],
                                             label=f"Subbed video: {meta['id']}_translated.mp4")
-      updates_object[sub_video_html] = gr.update(value=VIDEO_HTML.format(src=f"file={response['sub_video']}") )
+      updates_object[sub_video_html] = gr.update(value=VIDEO_HTML.format(src=f"file={response['sub_video']}", en_vtt=f"file={response['vtt_path']}") )
       files.append(response["sub_video"])
 
     updates_object[output_file] = gr.update(value=files, visible=len(files) > 0, label=f"Output Files")

download.py

@@ -97,7 +97,7 @@ def download_generator(url, translate_action=True, source_language='Autodetect',
 
     fontsdir = Path('fonts')
     bake_subs(video, subbed_video_path.absolute() , srt_path.absolute(), fontsdir, translate_action)
-    yield {"message": f"Subtitled video ready!", "sub_video": str(subbed_video_path.absolute()), "meta": meta}
+    yield {"message": f"Subtitled video ready!", "sub_video": str(subbed_video_path.absolute()), "meta": meta, "vtt_path": vtt_path}
   except ffmpeg.Error as e:
     print('stdout:', e.stdout.decode('utf8'))
     print('stderr:', e.stderr.decode('utf8'))

requirements.txt

@@ -1,7 +1,7 @@
 youtube-dl==2021.12.17
 whisper @ git+https://github.com/openai/whisper.git@main#egg=whisper==1.1.6
 anvil-uplink==0.4.0
-gradio==3.4.0
+gradio==3.6
 python-dotenv==0.21.0
 aiohttp==3.8.3
 aiohttp-requests==0.1.3