Update app.py

app.py

@@ -72,15 +72,14 @@ def convert_video(video_file, quality, aspect_ratio, video_url):
     video = VideoFileClip(str(input_path))
     original_height = video.size[1]
 
-    output_paths = []  
+    output_paths = []
 
     for res in standard_resolutions:
-        # Skip if resolution is higher than original
         if res > original_height:
             continue
 
-        scale = "-1:" + str(res)  # we scale the height to res and keep aspect ratio
-        output_path = get_output_path(input_path, str(res) + 'p')  # pass the resolution to create a unique output file
+        scale = "-1:" + str(res)
+        output_path = get_output_path(input_path, str(res) + 'p')
 
         ffmpeg_command = [
             "ffmpeg", "-i", str(input_path), "-c:v", "libx264", "-crf", str(quality),
@@ -92,28 +91,30 @@ def convert_video(video_file, quality, aspect_ratio, video_url):
         logging.info("Running ffmpeg command: " + ' '.join(ffmpeg_command))
         subprocess.run(ffmpeg_command, check=True)
 
-        output_paths.append(output_path)  
+        output_paths.append(output_path)
 
     master_playlist_path = create_master_playlist(output_paths)
     output_paths.append(master_playlist_path)
 
-    html_components = []
+    html_blocks = []
 
     for path in output_paths:
-        # Create a video player and a download link for each video file
-        if path.suffix in ['.mp4', '.webm', '.ogg']:
-            video_path = f"http://localhost:5000/files/{path.name}"
-            video_component = f"<video width='320' height='240' controls><source src='{video_path}' type='video/{path.suffix.lstrip('.')}'>Your browser does not support the video tag.</video>"
-            download_link = f"<p><a href='{video_path}' download>Download this video</a></p>"
-            html_components.append(f"{video_component}{download_link}")
-
-    return html_components,  # add more return values as needed
-
-outputs = [
-    gr.outputs.HTML(label="Video Players"),
-    # add more outputs as needed
-]
-
+        video_path = f'http://localhost:5000/files/{path.name}'
+        video_component = f'''
+            <div style="margin-bottom: 20px; border: 1px solid #ccc; padding: 10px;">
+                <video width="320" height="240" controls>
+                    <source src="{video_path}" type="video/mp4">
+                    Your browser does not support the video tag.
+                </video>
+                <p>
+                    <a href="{video_path}" target="_blank">Download {path.stem}</a>
+                </p>
+                <p>Resolution: {path.stem.split('_')[-1]}</p>
+            </div>
+        '''
+        html_blocks.append(video_component)
+
+    return "\n".join(html_blocks),
 
 video_file = gr.inputs.File(label="Video File")
 quality = gr.inputs.Dropdown(