Overview
The AI Video Presentation Generator creates complete video presentations by:- Generating structured slide content from your topic
- Adding professional animations for visual concepts
- Creating synchronized voice narration
- Combining everything into a downloadable MP4 video
Starting a New Presentation
Enter your topic
On the home screen, enter a specific topic in the Topic / Prompt field.Example topics:
- “Explain photosynthesis in plants”
- “How does blockchain technology work”
- “The water cycle and its importance”
frontend/src/components/Home.jsx:878Configure presentation settings
Adjust these parameters to customize your presentation:Number of Slides (3-10)
- Default: 5 slides
- Determines presentation length
- More slides = more detailed coverage
- English (default)
- Hindi
- Kannada
- Telugu
- Formal: Academic, professional style
- Casual: Conversational, friendly approach
- Enthusiastic: Energetic, engaging delivery
frontend/src/components/Home.jsx:891-939Click Generate Video Presentation
Click the Generate Video Presentation button to start the generation process.The system will:
- Send your request to the backend API (
POST http://localhost:8000/api/generate) - Generate slide content using AI
- Create animations for visual concepts
- Generate voice narration
- Compile everything into a video
frontend/src/components/Home.jsx:972-983Monitor generation progress
During generation, you’ll see a loading indicator showing:
- Spinning animation
- Status message: “Generating your presentation…”
- Reminder to check backend console for detailed logs
- Number of slides
- Complexity of animations
- Server performance
frontend/src/components/Home.jsx:994-1010What Happens During Generation
Content Generation
The AI analyzes your topic and creates:- Title slide: Introduction with topic overview
- Content slides: Key concepts with explanations
- Conclusion slide: Summary and key takeaways
- Clear, focused title
- Structured content (bullet points or paragraphs)
- Duration estimate for narration timing
Animation Selection
For certain topics, the system automatically generates animations:- Physics concepts: Force diagrams, motion illustrations
- Mathematical concepts: Geometric proofs, equations
- Algorithms: Flow diagrams, step visualizations
backend/generators/manim_generator.py
Voice Narration
The system generates natural-sounding voice narration that:- Explains each slide’s content
- Matches your selected language and tone
- Synchronizes with slide timing
- Uses text-to-speech technology
Video Compilation
All elements are combined into:- Standard MP4 format
- 1080p resolution
- Synchronized audio/video
- Professional transitions
Viewing Your Generated Video
Once generation completes:- The interface automatically transitions to the video player
- Your video starts playing with full controls
- You can see the slide timeline on the right
- All slide content is displayed below the player
frontend/src/components/VideoPlayer.jsx
Generation Best Practices
Common Issues
Generation takes too long- Check your internet connection
- Reduce number of slides
- Simplify your topic prompt
- Check backend console for errors
- Ensure backend server is running
- Verify API keys are configured
- Check topic doesn’t contain invalid characters
- Review backend logs at
backend/main.py
- Generated videos are 1080p by default
- Quality depends on animation complexity
- Check available disk space for rendering
Technical Details
API Request Structure
The frontend sends this request to start generation:Response Data
On success, the API returns:Backend Processing
The backend orchestrates:- Content generation via AI model
- Animation code generation (if applicable)
- Manim rendering for animations
- TTS (Text-to-Speech) for narration
- Video compilation using FFmpeg
backend/main.py