Sora 2 for Free System Requirements Document

Introduction

The "Sora 2 for Free" project aims to develop a clean, dark-themed, responsive web application called "AI Video Studio." This application will serve as a frontend for Sora 2 video generation, providing users with tools to create videos from text or images.

System Overview

The "AI Video Studio" will feature two main functionalities: converting text to video and images to video. It will include a user-friendly interface with a video settings sidebar, a credit system for video generation, and seamless integration with the Sora 2 API for video rendering and downloading.

Functional Requirements as Story Points

• As a User, I should be able to register and log in using Base44's native authentication.
• As a New User, I should receive 50 complimentary credits upon registration.
• As a User, I should be able to access two main tabs: "Text to Video" and "Image to Video."
• As a User, I should be able to type a prompt in a rich text area on the "Text to Video" tab.
• As a User, I should be able to upload images (JPG, PNG, WEBP) and provide an optional animation/motion prompt on the "Image to Video" tab.
• As a User, I should be able to adjust video settings, including duration, aspect ratio, and resolution.
• As a User, I should be able to click a "Generate Video" button and see a loading state while the video is rendering.
• As a User, I should be able to view generated videos in a "Video Library" and download them as MP4 files.
• As a User, I should have credits deducted automatically based on the duration of the generated video.

User Personas

• Registered User: A user who has registered and logged in to the application, capable of generating videos and managing credits.
• New User: A user who has just registered and received complimentary credits.

Core User Flows

1. User Registration and Login:

   • User accesses the registration page.
   • User registers using Base44's native authentication.
   • User logs in and receives 50 complimentary credits.

2. Text to Video Generation:

   • User selects the "Text to Video" tab.
   • User types a prompt in the rich text area.
   • User adjusts video settings (duration, aspect ratio, resolution).
   • User clicks "Generate Video."
   • System displays a loading state.
   • Generated video appears in the "Video Library."

3. Image to Video Generation:

   • User selects the "Image to Video" tab.
   • User uploads an image and optionally types an animation/motion prompt.
   • User adjusts video settings.
   • User clicks "Generate Video."
   • System displays a loading state.
   • Generated video appears in the "Video Library."

4. Video Download:

   • User navigates to the "Video Library."
   • User selects a generated video.
   • User clicks "Download MP4" to save the video locally.

Visuals Colors and Theme

• primary: #1a1a1a (dark gray)
• primary_light: #333333 (lighter gray for hover states)
• secondary: #4a4a4a (supporting gray)
• accent: #ffcc00 (bright yellow for CTAs and active states)
• highlight: #ff9900 (orange for hover states and notifications)
• bg: #000000 (black for page background)
• surface: #1a1a1a (dark gray for card/panel background)
• text: #ffffff (white for primary text/heading)
• text_muted: #cccccc (light gray for secondary text)
• border: #666666 (subtle gray for borders)

Signature Design Concept

The homepage will feature an interactive "Video Creation Galaxy" where users can explore different video creation options. As users hover over different stars (representing features like "Text to Video" and "Image to Video"), they will see animations illustrating the transformation process from input to video. Clicking a star will open a detailed view with options to start creating. This concept will use @react-three/fiber for 3D interactions and gsap for animations.

Landing Hero Motion Brief

The landing page will feature a dynamic animation showing a text prompt transforming into a vibrant video clip. The animation will loop every 10 seconds, illustrating the process of video creation. The scene will include layers of text, images, and video frames that animate into a cohesive video output. This will be built using motion/react for smooth transitions and animations.

Interaction Model & Motion Direction

• Interaction Model: Animated
• The landing page will feature moderate scroll-triggered reveals and hover transitions, enhancing the user experience with polished animations.

Non-Functional Requirements

• The application must be responsive and work seamlessly across different devices and screen sizes.
• The system should handle concurrent user requests efficiently.
• The application should maintain user data privacy and security.

Tech Stack

• Frontend: React for Web
• Backend: Python with FastAPI
• Database: MySQL or MariaDB with Alembic for migrations
• AI Models: Not specified
• AI Tools: Not specified
• Local Orchestration: Docker, docker-compose
• Server-side Orchestration: Kubernetes

Assumptions and Constraints

• The application will use Base44's native authentication for user registration and login.
• Each second of generated video will cost 5 integration credits.
• The application will integrate with the Sora 2 API for video rendering and downloading.

Glossary

• AI Video Studio: The web application for video generation.
• Sora 2: The backend API for video rendering.
• Base44: The authentication service used for user registration and login.
• Credits: The currency used for generating videos, deducted based on video duration.