Upload streamlit_app.py with huggingface_hub

streamlit_app.py

@@ -0,0 +1,231 @@
+import streamlit as st
+import os
+import tempfile
+import time
+from datetime import timedelta
+import pandas as pd
+import numpy as np
+from typing import Optional, Tuple, List
+import plotly.graph_objects as go
+from utils import (
+    process_video_upload,
+    extract_video_info,
+    create_timeline_figure,
+    apply_editing_effects,
+    export_video
+)
+
+# Set page config
+st.set_page_config(
+    page_title="VideoCoF - Unified Video Editing",
+    page_icon="🎥",
+    layout="wide",
+    initial_sidebar_state="expanded"
+)
+
+# Custom CSS for modern styling
+st.markdown("""
+<style>
+    .main-header {
+        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        padding: 2rem;
+        border-radius: 10px;
+        margin-bottom: 2rem;
+        color: white;
+    }
+    .stButton>button {
+        background-color: #667eea;
+        color: white;
+        border-radius: 5px;
+        border: none;
+        padding: 0.5rem 1rem;
+        transition: all 0.3s;
+    }
+    .stButton>button:hover {
+        background-color: #5a67d8;
+        transform: translateY(-1px);
+    }
+    .sidebar .sidebar-content {
+        background-color: #f8f9fa;
+    }
+    .video-container {
+        border-radius: 10px;
+        overflow: hidden;
+        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+    }
+    .timeline-container {
+        background-color: #ffffff;
+        border-radius: 10px;
+        padding: 1rem;
+        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+    }
+</style>
+""")
+
+# Header with anycoder link
+st.markdown("""
+<div class="main-header">
+    <h1>🎥 VideoCoF</h1>
+    <p style="font-size: 1.2rem; margin: 0;">Unified Video Editing with Temporal Reasoner</p>
+    <div style="margin-top: 1rem;">
+        <a href="https://huggingface.co/spaces/akhaliq/anycoder" target="_blank" style="color: white; text-decoration: underline;">
+            Built with anycoder
+        </a>
+    </div>
+</div>
+""", unsafe_allow_html=True)
+
+# Initialize session state
+if 'video_file' not in st.session_state:
+    st.session_state.video_file = None
+if 'video_info' not in st.session_state:
+    st.session_state.video_info = None
+if 'edited_video' not in st.session_state:
+    st.session_state.edited_video = None
+if 'timeline_data' not in st.session_state:
+    st.session_state.timeline_data = None
+if 'is_processing' not in st.session_state:
+    st.session_state.is_processing = False
+
+# Sidebar for controls
+with st.sidebar:
+    st.header("🎛️ Controls")
+    
+    # Video upload section
+    st.subheader("Upload Video")
+    uploaded_file = st.file_uploader(
+        "Choose a video file", 
+        type=["mp4", "avi", "mov", "mkv"],
+        help="Supported formats: MP4, AVI, MOV, MKV"
+    )
+    
+    if uploaded_file and not st.session_state.is_processing:
+        if st.button("Load Video", type="primary"):
+            st.session_state.is_processing = True
+            with st.spinner("Processing video..."):
+                # Process the uploaded video
+                temp_file = tempfile.NamedTemporaryFile(delete=False, suffix='.mp4')
+                temp_file.write(uploaded_file.read())
+                temp_file.close()
+                
+                # Extract video info
+                video_info = extract_video_info(temp_file.name)
+                st.session_state.video_info = video_info
+                
+                # Create timeline data
+                st.session_state.timeline_data = create_timeline_figure(video_info)
+                
+                # Store video file
+                st.session_state.video_file = temp_file.name
+                
+                # Clean up
+                os.unlink(temp_file.name)
+                st.session_state.is_processing = False
+                st.rerun()
+
+# Main content area
+if st.session_state.video_file:
+    # Video player section
+    st.subheader("🎬 Video Player")
+    col1, col2 = st.columns([3, 1])
+    
+    with col1:
+        st.video(st.session_state.video_file)
+    
+    with col2:
+        if st.session_state.video_info:
+            st.metric("Duration", f"{st.session_state.video_info['duration']:.2f}s")
+            st.metric("Resolution", f"{st.session_state.video_info['width']}×{st.session_state.video_info['height']}")
+            st.metric("FPS", f"{st.session_state.video_info['fps']}")
+    
+    # Timeline section
+    st.subheader("⏱️ Timeline Editor")
+    if st.session_state.timeline_data:
+        st.plotly_chart(st.session_state.timeline_data, use_container_width=True)
+    
+    # Editing controls
+    st.subheader("✂️ Editing Tools")
+    editing_tabs = st.tabs(["Trim", "Effects", "Filters", "Speed"])
+    
+    with editing_tabs[0]:  # Trim tab
+        col1, col2 = st.columns(2)
+        with col1:
+            start_time = st.slider(
+                "Start Time",
+                0.0,
+                st.session_state.video_info['duration'],
+                0.0,
+                step=0.1,
+                help="Set the start time of the video segment"
+            )
+        with col2:
+            end_time = st.slider(
+                "End Time",
+                0.0,
+                st.session_state.video_info['duration'],
+                st.session_state.video_info['duration'],
+                step=0.1,
+                help="Set the end time of the video segment"
+            )
+    
+    with editing_tabs[1]:  # Effects tab
+        effects = st.multiselect(
+            "Apply Effects",
+            ["Fade In", "Fade Out", "Crossfade", "Blur", "Sharpen"],
+            help="Select effects to apply to the video"
+        )
+    
+    with editing_tabs[2]:  # Filters tab
+        filters = st.selectbox(
+            "Video Filter",
+            ["None", "Grayscale", "Sepia", "Vintage", "Cool", "Warm"],
+            help="Apply a visual filter to the video"
+        )
+    
+    with editing_tabs[3]:  # Speed tab
+        speed = st.slider(
+            "Playback Speed",
+            0.25,
+            2.0,
+            1.0,
+            step=0.25,
+            help="Adjust the playback speed of the video"
+        )
+    
+    # Apply edits button
+    if st.button("Apply Edits", type="primary"):
+        with st.spinner("Applying edits..."):
+            st.session_state.edited_video = apply_editing_effects(
+                st.session_state.video_file,
+                start_time,
+                end_time,
+                effects,
+                filters,
+                speed
+            )
+            st.success("Edits applied successfully!")
+    
+    # Export section
+    st.subheader("💾 Export Options")
+    export_format = st.selectbox(
+        "Export Format",
+        ["MP4", "AVI", "MOV"],
+        help="Choose the output format for your edited video"
+    )
+    
+    if st.session_state.edited_video:
+        col1, col2 = st.columns([1, 1])
+        with col1:
+            if st.button("Download Edited Video"):
+                with open(st.session_state.edited_video, "rb") as file:
+                    st.download_button(
+                        label="Download",
+                        data=file,
+                        file_name=f"edited_video.{export_format.lower()}",
+                        mime=f"video/{export_format.lower()}"
+                    )
+        with col2:
+            if st.button("Export to Cloud"):
+                st.info("Cloud export functionality coming soon!")
+else:
+    st.info("📁 Please upload a video file to get started with VideoCoF!")