u

app.py

@@ -1,4 +1,5 @@
 import gradio as gr
+import atexit
 from motion_processor import MotionProcessor
 from file_handler import FileHandler
 from video_processor import VideoProcessor
@@ -8,7 +9,7 @@ motion = MotionProcessor()
 files = FileHandler()
 processor = VideoProcessor(motion, files)
 
-# atexit.register(files.cleanup)
+atexit.register(files.cleanup)
 
 def preview_files(uploaded_files):
     if not uploaded_files:
@@ -25,74 +26,63 @@ def filter_templates_by_tag(tag_filter):
     else:
         filtered = motion.get_templates_by_tag(tag_filter)
     
-    choices = [f"{t['name']} ({', '.join(t.get('tags', []))})" for t in filtered]
+    choices = [f"{t['name']} - {t.get('desc', '')[:50]}..." for t in filtered]
     return gr.Dropdown(choices=choices, value=choices[0] if choices else None)
 
 def search_templates(search_query):
     if not search_query.strip():
-        choices = [f"{t['name']} ({', '.join(t.get('tags', []))})" for t in motion.templates]
+        choices = [f"{t['name']} - {t.get('desc', '')[:50]}..." for t in motion.templates]
     else:
         filtered = motion.search_templates(search_query)
-        choices = [f"{t['name']} ({', '.join(t.get('tags', []))})" for t in filtered]
+        choices = [f"{t['name']} - {t.get('desc', '')[:50]}..." for t in filtered]
     
     return gr.Dropdown(choices=choices, value=choices[0] if choices else None)
 
-def test_single_effect(test_file, template_choice, aspect):
-    if not test_file or not template_choice:
-        return None, "Please upload a test file and select a template"
-    
-    template_name = template_choice.split(" (")[0]  # Extract name from "name (tags)"
-    
-    result, status = processor.test_effect(test_file.name, template_name, aspect)
-    return result, status
-
-def create_motion_video(input_files, aspect, output_format, use_random, selected_template, 
-                       workers, quality, fps, progress=gr.Progress()):
+def create_motion_video(input_files, aspect, output_format, use_random, selected_template, progress=gr.Progress()):
     def progress_fn(val, desc):
         progress(val, desc=desc)
     
+    if not input_files:
+        return None, "❌ No files provided", gr.DownloadButton(visible=False)
+    
     # Prepare template
     template = None
     if not use_random and selected_template:
-        template_name = selected_template.split(" (")[0]
+        template_name = selected_template.split(" - ")[0]
         template = next((t for t in motion.templates if t['name'] == template_name), None)
     
-    # Advanced settings
-    advanced_settings = {
-        'workers': workers,
-        'quality': quality,
-        'fps': fps
-    }
-    
-    result, status = processor.create_video(
-        input_files, aspect, output_format, progress_fn, template, advanced_settings
-    )
-    
-    if result:
-        return result, status, gr.DownloadButton(label="📥 Download", value=result, visible=True)
-    return None, status, gr.DownloadButton(visible=False)
+    try:
+        result, status = processor.create_video(
+            input_files, aspect, output_format, progress_fn, template
+        )
+        
+        if result:
+            return result, f"✅ {status}", gr.DownloadButton(label="📥 Download Video", value=result, visible=True)
+        return None, f"❌ {status}", gr.DownloadButton(visible=False)
+    except Exception as e:
+        return None, f"❌ Error: {str(e)}", gr.DownloadButton(visible=False)
 
 def load_template(template_choice):
     if not template_choice:
         return "", 4, 1.0, 1.3, 0, 0, 0, 0, "", "", 0, 0
     
-    template_name = template_choice.split(" (")[0]
+    template_name = template_choice.split(" - ")[0]
     template = next((t for t in motion.templates if t['name'] == template_name), motion.templates[0])
     
     return (
         template['name'], 
         template['duration'],
-        template['scale'][0], template['scale'][1],  # scale start, end
-        template['pan'][0], template['pan'][1],      # pan x1, y1
-        template['pan'][2], template['pan'][3],      # pan x2, y2
+        template['scale'][0], template['scale'][1],
+        template['pan'][0], template['pan'][1],
+        template['pan'][2], template['pan'][3],
         ', '.join(template.get('tags', [])),
         template.get('desc', ''),
-        template['rotate'][0], template['rotate'][1]  # rotate start, end
+        template['rotate'][0], template['rotate'][1]
     )
 
 def save_template(name, duration, scale_start, scale_end, x1, y1, x2, y2, tags, desc, rot_start, rot_end):
     if not name:
-        return "Enter template name", gr.Dropdown()
+        return "❌ Enter template name", gr.Dropdown()
     
     tag_list = [tag.strip() for tag in tags.split(',') if tag.strip()] if tags else []
     
@@ -106,7 +96,6 @@ def save_template(name, duration, scale_start, scale_end, x1, y1, x2, y2, tags,
         'desc': desc or f"Custom template: {name}"
     }
     
-    # Update or add
     existing = next((i for i, t in enumerate(motion.templates) if t['name'] == name), None)
     if existing is not None:
         motion.templates[existing] = new_template
@@ -114,8 +103,8 @@ def save_template(name, duration, scale_start, scale_end, x1, y1, x2, y2, tags,
         motion.templates.append(new_template)
     
     motion.save_templates(motion.templates)
-    choices = [f"{t['name']} ({', '.join(t.get('tags', []))})" for t in motion.templates]
-    return f"Saved '{name}'!", gr.Dropdown(choices=choices, value=f"{name} ({', '.join(tag_list)})")
+    choices = [f"{t['name']} - {t.get('desc', '')[:50]}..." for t in motion.templates]
+    return f"✅ Saved '{name}'!", gr.Dropdown(choices=choices, value=f"{name} - {desc[:50]}...")
 
 # Get all unique tags
 all_tags = set()
@@ -124,99 +113,98 @@ for template in motion.templates:
 tag_choices = ["all"] + sorted(list(all_tags))
 
 # Interface
-with gr.Blocks(title="Ken Burns Story Creator", css="""
-.gradio-container {max-width: 1400px !important}
-.compact-group {margin: 5px 0 !important}
-""") as app:
-    gr.Markdown("# 🎬 Ken Burns Story Creator\nCreate motion videos for YouTube, TikTok, Reels with 30+ effects")
+with gr.Blocks(title="Ken Burns Story Creator", theme=gr.themes.Soft()) as app:
+    gr.Markdown("# 🎬 Ken Burns Story Creator", elem_classes="text-center")
+    gr.Markdown("Create motion videos for YouTube, TikTok, Reels with 35+ professional effects", elem_classes="text-center")
     
     with gr.Tabs():
+        # Main tab - Create Video
         with gr.Tab("📹 Create Video"):
             with gr.Row():
                 with gr.Column(scale=2):
-                    # Input
-                    files_input = gr.File(label="Upload Images/Videos", file_count="multiple", 
-                                        file_types=["image", "video"])
+                    # File input
+                    gr.Markdown("### 📁 Upload Your Media")
+                    files_input = gr.File(
+                        label="Select Images/Videos", 
+                        file_count="multiple",
+                        file_types=["image", "video"]
+                    )
                     
                     # Preview
                     with gr.Group():
-                        gr.Markdown("### Preview")
-                        preview_img = gr.Image(label="Files Preview", height=200)
-                        preview_info = gr.Textbox(label="Info", interactive=False)
-                    
-                    # Effect Selection
-                    with gr.Group():
-                        gr.Markdown("### 🎭 Effect Selection")
-                        
-                        with gr.Row():
-                            use_random = gr.Checkbox(label="Random Effects", value=True)
-                            
-                        with gr.Column(visible=False) as effect_selector:
-                            with gr.Row():
-                                tag_filter = gr.Dropdown(
-                                    choices=tag_choices, value="all",
-                                    label="Filter by Tag", scale=1
-                                )
-                                search_box = gr.Textbox(
-                                    label="Search Effects", placeholder="zoom, pan, dramatic...", scale=2
-                                )
-                            
-                            template_dropdown = gr.Dropdown(
-                                choices=[f"{t['name']} ({', '.join(t.get('tags', []))})" for t in motion.templates],
-                                label="Select Effect"
-                            )
+                        preview_img = gr.Image(label="📸 Preview", height=200, show_label=False)
+                        preview_info = gr.Textbox(label="Info", interactive=False, show_label=False)
                     
-                    # Settings
+                    # Motion settings
+                    gr.Markdown("### 🎭 Motion Effects")
                     with gr.Row():
+                        use_random = gr.Checkbox(label="🎲 Random Effects", value=True)
                         aspect_ratio = gr.Dropdown(
                             choices=['reels', 'tiktok', 'youtube', 'square', 'widescreen'],
                             value='reels',
                             label="📱 Platform"
                         )
-                        output_format = gr.Radio(['mp4', 'gif'], value='mp4', label="Format")
+                    
+                    # Effect selector (hidden by default)
+                    with gr.Column(visible=False) as effect_selector:
+                        with gr.Row():
+                            tag_filter = gr.Dropdown(
+                                choices=tag_choices, 
+                                value="all",
+                                label="🏷️ Filter by Tag"
+                            )
+                            search_box = gr.Textbox(
+                                label="🔍 Search", 
+                                placeholder="zoom, pan, dramatic..."
+                            )
+                        
+                        template_dropdown = gr.Dropdown(
+                            choices=[f"{t['name']} - {t.get('desc', '')[:50]}..." for t in motion.templates],
+                            label="🎬 Select Effect",
+                            interactive=True
+                        )
                 
                 with gr.Column(scale=1):
-                    # Test Effect
-                    with gr.Group():
-                        gr.Markdown("### 🧪 Test Effect")
-                        test_file = gr.File(label="Test Image", file_types=["image"])
-                        test_btn = gr.Button("🎬 Test Effect", size="sm")
-                        test_result = gr.Video(label="Test Result", height=200)
-                        test_status = gr.Textbox(label="Test Status", interactive=False)
+                    # Settings
+                    gr.Markdown("### ⚙️ Settings")
+                    output_format = gr.Radio(
+                        choices=['mp4', 'gif'], 
+                        value='mp4', 
+                        label="📄 Output Format"
+                    )
                     
-                    # Create Video
-                    create_btn = gr.Button("🚀 Create Story", variant="primary", size="lg")
-                    status = gr.Textbox(label="Status", interactive=False)
-                    output_video = gr.Video(label="Result", height=300)
-                    download_btn = gr.DownloadButton(label="📥 Download", visible=False)
-        
-        with gr.Tab("⚙️ Advanced Settings"):
-            gr.Markdown("### Advanced Processing Settings")
-            
-            with gr.Row():
-                workers = gr.Slider(1, 8, value=4, step=1, label="🔄 Parallel Workers")
-                fps = gr.Slider(15, 60, value=25, step=5, label="🎞️ FPS")
-            
-            with gr.Row():
-                quality = gr.Dropdown(
-                    choices=['ultrafast', 'superfast', 'veryfast', 'faster', 'fast', 'medium', 'slow'],
-                    value='fast',
-                    label="🏆 Quality Preset"
-                )
+                    # Create button
+                    create_btn = gr.Button(
+                        "🚀 Create Motion Video", 
+                        variant="primary", 
+                        size="lg",
+                        scale=2
+                    )
+                    
+                    # Results
+                    status = gr.Textbox(label="📊 Status", interactive=False)
+                    output_video = gr.Video(label="🎥 Result", height=300)
+                    download_btn = gr.DownloadButton(
+                        label="📥 Download Video", 
+                        visible=False,
+                        variant="secondary"
+                    )
         
-        with gr.Tab("🎭 Templates"):
-            gr.Markdown("### Motion Templates Manager")
+        # Templates tab
+        with gr.Tab("🎭 Motion Templates"):
+            gr.Markdown("### 🛠️ Template Editor")
+            gr.Markdown(f"**{len(motion.templates)} available templates** - Create and customize motion effects")
             
             with gr.Row():
                 with gr.Column(scale=2):
                     template_dropdown_edit = gr.Dropdown(
-                        choices=[f"{t['name']} ({', '.join(t.get('tags', []))})" for t in motion.templates],
-                        value=f"{motion.templates[0]['name']} ({', '.join(motion.templates[0].get('tags', []))})",
-                        label="Template"
+                        choices=[f"{t['name']} - {t.get('desc', '')[:50]}..." for t in motion.templates],
+                        value=f"{motion.templates[0]['name']} - {motion.templates[0].get('desc', '')[:50]}..." if motion.templates else None,
+                        label="📋 Select Template to Edit"
                     )
                     
                     with gr.Row():
-                        name_input = gr.Textbox(label="Name", placeholder="template_name")
+                        name_input = gr.Textbox(label="Name", placeholder="my_effect")
                         duration_input = gr.Number(label="Duration (s)", value=4, minimum=2, maximum=10)
                     
                     with gr.Row():
@@ -235,8 +223,7 @@ with gr.Blocks(title="Ken Burns Story Creator", css="""
                     
                     tags_input = gr.Textbox(
                         label="Tags (comma separated)", 
-                        placeholder="zoom, left, dramatic",
-                        value=""
+                        placeholder="zoom, dramatic, smooth"
                     )
                     
                     desc_input = gr.Textbox(
@@ -249,57 +236,109 @@ with gr.Blocks(title="Ken Burns Story Creator", css="""
                     template_status = gr.Textbox(label="Status", interactive=False)
                 
                 with gr.Column(scale=1):
-                    gr.Markdown("### 📋 Available Tags")
-                    gr.Markdown(f"**{len(tag_choices)-1} unique tags:**")
-                    gr.Markdown(", ".join(sorted(tag_choices[1:])))  # Exclude "all"
-                    
-                    gr.Markdown("### 📖 Template Guide")
+                    gr.Markdown("### 📖 Quick Guide")
                     gr.Markdown("""
-                    **Scale**: Zoom level (1.0 = normal)
-                    **Pan X1,Y1**: Start position  
-                    **Pan X2,Y2**: End position
-                    **Duration**: Effect length in seconds
-                    **Tags**: For easy searching
+                    **Scale**: Zoom level
+                    - 1.0 = normal size
+                    - 1.3 = 30% bigger
+                    - 0.8 = 20% smaller
+                    
+                    **Pan**: Movement direction
+                    - X: left (-) / right (+)
+                    - Y: up (-) / down (+)
+                    
+                    **Rotate**: Angle in degrees
+                    - Positive = clockwise
+                    - Negative = counter-clockwise
+                    
+                    **Duration**: 3-7s optimal for social media
                     """)
+                    
+                    gr.Markdown("### 🏷️ Popular Tags")
+                    gr.Markdown(", ".join(sorted(tag_choices[1:8])))  # Show first 7 tags
         
+        # Help tab
         with gr.Tab("ℹ️ Help"):
             gr.Markdown(f"""
             ### 📖 How to Use
-            1. **Upload** your images/videos
-            2. **Choose effects**: Random or specific template
-            3. **Test effects** on single image first
-            4. **Select platform** aspect ratio
-            5. **Create** your story video
             
-            ### 🎭 Available Effects ({len(motion.templates)} total)
+            1. **📁 Upload**: Select your images or videos
+            2. **📱 Platform**: Choose aspect ratio (Reels 9:16, YouTube 16:9, Square 1:1)
+            3. **🎭 Effects**: Use random or select specific motion templates
+            4. **🚀 Create**: Click the create button and wait
+            5. **📥 Download**: Get your final video
+            
+            ### 🎬 Motion Effects ({len(motion.templates)} total)
+            
+            **🔍 Zoom Effects**: Center, corners, dramatic, slow cinematic
+            **↔️ Pan Effects**: Horizontal, vertical, diagonal movements  
+            **🌀 Complex**: Zoom+pan, parallax, spiral, documentary style
+            **🎨 Special**: Breathing, pendulum, tilt, intimate close-ups
             
-            **Zoom Effects:**
-            - Center zoom in/out
-            - Directional zooms (left, right, top, bottom)
-            - Dramatic push/pull effects
+            ### 📱 Perfect for Social Media
             
-            **Pan Effects:**
-            - Horizontal/vertical pans
-            - Diagonal movements
-            - Arc and spiral motions
+            - **TikTok/Reels**: 9:16 vertical format
+            - **YouTube Shorts**: 16:9 or 9:16
+            - **Instagram Posts**: 1:1 square format
+            - **Stories**: Any format works
             
-            **Cinematic Effects:**
-            - Slow drifts and breathing
-            - Focus shifts and reveals
-            - Documentary style movements
+            ### ⚡ Performance Tips
             
-            ### 📱 Platform Settings
-            - **Reels/TikTok**: 9:16 (1080x1920)
-            - **YouTube**: 16:9 (1920x1080)
-            - **Square**: 1:1 (1080x1080)
+            - Use high-resolution images (1080p+)
+            - Keep videos under 60 seconds for social media
+            - MP4 for quality, GIF for lightweight sharing
+            - Random effects create dynamic variety
             
-            ### ⚙️ Advanced Settings
-            - **Workers**: Parallel processing (more = faster)
-            - **Quality**: FFmpeg preset (fast vs quality)
-            - **FPS**: Frame rate (higher = smoother)
+            ### 🛠️ Technical
+            
+            - Processing: FFmpeg with Ken Burns effects
+            - Parallel processing for speed
+            - Optimized for 25-30 FPS output
+            - Quality presets: fast/medium/slow
             """)
     
-    # Events
-    files_input.change(preview_files, [files_input], [preview_img, preview_info])
-
+    # Event handlers
+    files_input.change(
+        fn=preview_files,
+        inputs=[files_input],
+        outputs=[preview_img, preview_info]
+    )
+    
+    create_btn.click(
+        fn=create_motion_video,
+        inputs=[files_input, aspect_ratio, output_format, use_random, template_dropdown],
+        outputs=[output_video, status, download_btn]
+    )
+    
+    use_random.change(
+        fn=lambda x: gr.update(visible=not x),
+        inputs=[use_random],
+        outputs=[effect_selector]
+    )
+    
+    tag_filter.change(
+        fn=filter_templates_by_tag, 
+        inputs=[tag_filter], 
+        outputs=[template_dropdown]
+    )
+    
+    search_box.change(
+        fn=search_templates, 
+        inputs=[search_box], 
+        outputs=[template_dropdown]
+    )
+    
+    template_dropdown_edit.change(
+        fn=load_template,
+        inputs=[template_dropdown_edit],
+        outputs=[name_input, duration_input, scale_start, scale_end, x1, y1, x2, y2, tags_input, desc_input, rot_start, rot_end]
+    )
+    
+    save_btn.click(
+        fn=save_template,
+        inputs=[name_input, duration_input, scale_start, scale_end, x1, y1, x2, y2, tags_input, desc_input, rot_start, rot_end],
+        outputs=[template_status, template_dropdown_edit]
+    )
+    
+    
 app.launch()

motion_processor.py

@@ -1,7 +1,4 @@
-import json
-import random
-import subprocess
-import math
+import json, random, subprocess, math
 from pathlib import Path
 
 class MotionProcessor:
@@ -38,13 +35,14 @@ class MotionProcessor:
                 if query in t['name'].lower() or 
                 any(query in tag.lower() for tag in t.get('tags', []))]
     
-    def apply_motion(self, input_path, output_path, template=None, aspect='youtube', quality='fast', fps=25):
+    def apply_motion(self, input_path, output_path, template=None, aspect='youtube'):
         if not template:
             template = self.get_random_template()
         
         resolution = self.aspect_ratios[aspect]
         w, h = map(int, resolution.split(':'))
         duration = template['duration']
+        fps = 25  # Fixed FPS
         
         # Extract values - đơn giản
         scale_start, scale_end = template['scale']
@@ -87,7 +85,7 @@ class MotionProcessor:
             'ffmpeg', '-y', '-i', input_path,
             '-filter_complex', filter_complex,
             '-map', '[v]', '-t', str(duration),
-            '-c:v', 'libx264', '-preset', quality, '-crf', '23',
+            '-c:v', 'libx264', '-preset', 'fast', '-crf', '23',
             output_path
         ]
         

video_processor.py

@@ -15,7 +15,7 @@ class VideoProcessor:
             return None
     
     def create_video(self, input_files, aspect='youtube', output_format='mp4', progress_fn=None, 
-                    selected_template=None, advanced_settings=None):
+                    selected_template=None):
         files = self.files.get_files(input_files)
         if not files:
             return None, "No valid files found"
@@ -27,19 +27,14 @@ class VideoProcessor:
         segments_dir = self.files.temp_path("segments")
         os.makedirs(segments_dir, exist_ok=True)
 
-        # Advanced settings
-        workers = advanced_settings.get('workers', 4) if advanced_settings else 4
-        quality = advanced_settings.get('quality', 'fast') if advanced_settings else 'fast'
-        fps = advanced_settings.get('fps', 25) if advanced_settings else 25
-
         processed = []
-        with ThreadPoolExecutor(max_workers=workers) as executor:
+        with ThreadPoolExecutor(max_workers=4) as executor:
             futures = []
             for i, file_path in enumerate(files):
                 output_path = os.path.join(segments_dir, f"seg_{i:03d}.mp4")
                 # Use selected template or random
                 template = selected_template if selected_template else None
-                future = executor.submit(self.process_single, file_path, output_path, aspect, template, quality, fps)
+                future = executor.submit(self.process_single, file_path, output_path, aspect, template)
                 futures.append(future)
 
             for future in futures:
@@ -71,20 +66,9 @@ class VideoProcessor:
 
         return final_output, f"Created video from {len(files)} files"
     
-    
-    def test_effect(self, test_file, template_name, aspect='youtube'):
-        """Test single effect on one file"""
-        if not test_file:
-            return None, "No test file provided"
-        
-        template = next((t for t in self.motion.templates if t['name'] == template_name), None)
-        if not template:
-            return None, f"Template '{template_name}' not found"
-        
-        test_output = self.files.temp_path(f"test_{template_name}.mp4")
-        
+    def process_single(self, file_path, output_path, aspect, template=None):
         try:
-            result = self.motion.apply_motion(test_file, test_output, template, aspect)
-            return result, f"Test completed with '{template_name}' effect"
+            return self.motion.apply_motion(file_path, output_path, template, aspect)
         except Exception as e:
-            return None, f"Test failed: {str(e)}"
+            print(f"Error processing {file_path}: {e}")
+            return None