Build a clean, dark-themed, responsive web application for an "AI Video Studio" that acts as a frontend for Sora 2 video generation. Core Application Features: 1. Two main tabs at the top: "Text to Video" and "Image to Video". 2. On the "Text to Video" tab, provide a rich text area for users to type their prompt. 3. On the "Image to Video" tab, provide an image upload zone (supporting JPG, PNG, WEBP) along with a text area for an optional animation/motion prompt. 4. Add a video setting sidebar or section with the following controls: - Duration slider/dropdown: Options for 4s, 5s, 8s, 10s, and 15s. - Aspect Ratio buttons: 16:9 (Landscape), 9:16 (Vertical), and 1:1 (Square). - Resolution dropdown: 480p, 720p, and 1080p. 5. Create a prominent "Generate Video" button. When clicked, display a realistic loading state ("Sora 2 is rendering your video..."). 6. Build a "Video Library" or output section. Once generation finishes, display the result in a clean HTML5 video player component. Include a clear "Download MP4" button next to each generated clip. Logic & Credit System: - Implement a user registration and login system using Base44's native authentication. - Give new free accounts a baseline of 50 complimentary credits upon registration. - Map each second of generated video to cost 5 integration credits, deducting them automatically from the user's dashboard balance. - Connect the frontend layout seamlessly to an external Sora 2 API workflow backend, handling the prompt payload delivery, status polling loops, and downloading the completed .mp4 file. With free credits
Sign in to leave a comment
No comments yet. Be the first!