Update app.py

app.py

@@ -3,6 +3,7 @@ import json
 import shutil
 import gradio as gr
 import subprocess
+import cv2
 
 from fonts import setup_fonts
 from converter import convert_qurancaption_to_qvm
@@ -86,14 +87,42 @@ def get_available_fonts():
 # --------------------------------------------------
 
 def preview_layout(
-    image,
+    images,
     arabic_font,
     arabic_y,
     translation_gap,
     arabic_font_size,
     translation_font_size
 ):
-    return "temp/preview.jpg"
+
+    if not images:
+        raise Exception("Upload minimal 1 image")
+
+    preview_path = "temp/preview.jpg"
+
+    img = cv2.imread(images[0].name)
+
+    h, w = img.shape[:2]
+
+    scale = min(
+        1920 / w,
+        1080 / h
+    )
+
+    img = cv2.resize(
+        img,
+        (
+            int(w * scale),
+            int(h * scale)
+        )
+    )
+
+    cv2.imwrite(
+        preview_path,
+        img
+    )
+
+    return preview_path
     
 def process(
     images,
@@ -358,6 +387,19 @@ Generate cinematic Quran video automatically.
         label="Result"
     )
 
+    preview_btn.click(
+        fn=preview_layout,
+        inputs=[
+            images,
+            arabic_font,
+            arabic_y,
+            translation_gap,
+            arabic_font_size,
+            translation_font_size
+        ],
+        outputs=preview_image
+    )
+
     generate_btn.click(
         fn=process,
         inputs=[