up

app.py

@@ -124,182 +124,182 @@ for template in motion.templates:
 tag_choices = ["all"] + sorted(list(all_tags))
 
 # Interface
-app = gr.Blocks(title="Ken Burns Story Creator", css="""
+with gr.Blocks(title="Ken Burns Story Creator", css="""
 .gradio-container {max-width: 1400px !important}
 .compact-group {margin: 5px 0 !important}
-""") 
-gr.Markdown("# 🎬 Ken Burns Story Creator\nCreate motion videos for YouTube, TikTok, Reels with 30+ effects")
-
-with gr.Tabs():
-    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"])
-                
-                # 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")
+""") as app:
+    gr.Markdown("# 🎬 Ken Burns Story Creator\nCreate motion videos for YouTube, TikTok, Reels with 30+ effects")
+    
+    with gr.Tabs():
+        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"])
                     
-                    with gr.Row():
-                        use_random = gr.Checkbox(label="Random Effects", value=True)
+                    # 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.Column(visible=False) as effect_selector:
                         with gr.Row():
-                            tag_filter = gr.Dropdown(
-                                choices=tag_choices, value="all",
-                                label="Filter by Tag", scale=1
+                            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"
                             )
-                            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"
+                    
+                    # Settings
+                    with gr.Row():
+                        aspect_ratio = gr.Dropdown(
+                            choices=['reels', 'tiktok', 'youtube', 'square', 'widescreen'],
+                            value='reels',
+                            label="📱 Platform"
                         )
+                        output_format = gr.Radio(['mp4', 'gif'], value='mp4', label="Format")
                 
-                # Settings
-                with gr.Row():
-                    aspect_ratio = gr.Dropdown(
-                        choices=['reels', 'tiktok', 'youtube', 'square', 'widescreen'],
-                        value='reels',
-                        label="📱 Platform"
-                    )
-                    output_format = gr.Radio(['mp4', 'gif'], value='mp4', label="Format")
-            
-            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)
-                
-                # 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"
-            )
-    
-    with gr.Tab("🎭 Templates"):
-        gr.Markdown("### Motion Templates Manager")
+                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)
+                    
+                    # 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.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"
-                )
-                
-                with gr.Row():
-                    name_input = gr.Textbox(label="Name", placeholder="template_name")
-                    duration_input = gr.Number(label="Duration (s)", value=4, minimum=2, maximum=10)
-                
-                with gr.Row():
-                    scale_start = gr.Number(label="Scale Start", value=1.0, step=0.1)
-                    scale_end = gr.Number(label="Scale End", value=1.3, step=0.1)
-                
-                with gr.Row():
-                    x1 = gr.Number(label="Pan X1", value=0)
-                    y1 = gr.Number(label="Pan Y1", value=0)
-                    x2 = gr.Number(label="Pan X2", value=0)
-                    y2 = gr.Number(label="Pan Y2", value=0)
-                
-                with gr.Row():
-                    rot_start = gr.Number(label="Rotate Start (°)", value=0)
-                    rot_end = gr.Number(label="Rotate End (°)", value=0)
-                
-                tags_input = gr.Textbox(
-                    label="Tags (comma separated)", 
-                    placeholder="zoom, left, dramatic",
-                    value=""
-                )
-                
-                desc_input = gr.Textbox(
-                    label="Description",
-                    placeholder="Describe the motion effect...",
-                    lines=2
+        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"
                 )
-                
-                save_btn = gr.Button("💾 Save Template", variant="primary")
-                template_status = gr.Textbox(label="Status", interactive=False)
+        
+        with gr.Tab("🎭 Templates"):
+            gr.Markdown("### Motion Templates Manager")
             
-            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"
+            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"
+                    )
+                    
+                    with gr.Row():
+                        name_input = gr.Textbox(label="Name", placeholder="template_name")
+                        duration_input = gr.Number(label="Duration (s)", value=4, minimum=2, maximum=10)
+                    
+                    with gr.Row():
+                        scale_start = gr.Number(label="Scale Start", value=1.0, step=0.1)
+                        scale_end = gr.Number(label="Scale End", value=1.3, step=0.1)
+                    
+                    with gr.Row():
+                        x1 = gr.Number(label="Pan X1", value=0)
+                        y1 = gr.Number(label="Pan Y1", value=0)
+                        x2 = gr.Number(label="Pan X2", value=0)
+                        y2 = gr.Number(label="Pan Y2", value=0)
+                    
+                    with gr.Row():
+                        rot_start = gr.Number(label="Rotate Start (°)", value=0)
+                        rot_end = gr.Number(label="Rotate End (°)", value=0)
+                    
+                    tags_input = gr.Textbox(
+                        label="Tags (comma separated)", 
+                        placeholder="zoom, left, dramatic",
+                        value=""
+                    )
+                    
+                    desc_input = gr.Textbox(
+                        label="Description",
+                        placeholder="Describe the motion effect...",
+                        lines=2
+                    )
+                    
+                    save_btn = gr.Button("💾 Save Template", variant="primary")
+                    template_status = gr.Textbox(label="Status", interactive=False)
                 
-                gr.Markdown("### 📖 Template 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
-                """)
-    
-    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)
-        
-        **Zoom Effects:**
-        - Center zoom in/out
-        - Directional zooms (left, right, top, bottom)
-        - Dramatic push/pull effects
-        
-        **Pan Effects:**
-        - Horizontal/vertical pans
-        - Diagonal movements
-        - Arc and spiral motions
-        
-        **Cinematic Effects:**
-        - Slow drifts and breathing
-        - Focus shifts and reveals
-        - Documentary style movements
-        
-        ### 📱 Platform Settings
-        - **Reels/TikTok**: 9:16 (1080x1920)
-        - **YouTube**: 16:9 (1920x1080)
-        - **Square**: 1:1 (1080x1080)
+                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("""
+                    **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
+                    """)
         
-        ### ⚙️ Advanced Settings
-        - **Workers**: Parallel processing (more = faster)
-        - **Quality**: FFmpeg preset (fast vs quality)
-        - **FPS**: Frame rate (higher = smoother)
-        """)
-
-# Events
-files_input.change(preview_files, [files_input], [preview_img, preview_info])
+        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)
+            
+            **Zoom Effects:**
+            - Center zoom in/out
+            - Directional zooms (left, right, top, bottom)
+            - Dramatic push/pull effects
+            
+            **Pan Effects:**
+            - Horizontal/vertical pans
+            - Diagonal movements
+            - Arc and spiral motions
+            
+            **Cinematic Effects:**
+            - Slow drifts and breathing
+            - Focus shifts and reveals
+            - Documentary style movements
+            
+            ### 📱 Platform Settings
+            - **Reels/TikTok**: 9:16 (1080x1920)
+            - **YouTube**: 16:9 (1920x1080)
+            - **Square**: 1:1 (1080x1080)
+            
+            ### ⚙️ Advanced Settings
+            - **Workers**: Parallel processing (more = faster)
+            - **Quality**: FFmpeg preset (fast vs quality)
+            - **FPS**: Frame rate (higher = smoother)
+            """)
+    
+    # Events
+    files_input.change(preview_files, [files_input], [preview_img, preview_info])
 
 app.launch()