Skip to content

DEMO_VIDEO_SCRIPT.md

Latest commit

 

History

History
231 lines (174 loc) · 5.58 KB

DEMO_VIDEO_SCRIPT.md

File metadata and controls

231 lines (174 loc) · 5.58 KB
Raw

Meraz 2026 - Demo Video Script 🎬

Video Duration: 2-3 minutes

SCENE 1: Opening (0:00 - 0:20)

Visual: Landing on homepage with logo and title appearing

Narration: "Welcome to Meraz 2026 - Where Cultures Orbit. An intergalactic celebration of culture and technology at IIT Bhilai."

Actions to Show:

  • Logo fade-in with glow effect
  • Nebula background animations
  • "MERAZ 2026" title shimmer
  • Floating particles animation
  • Scroll indicator pulse

SCENE 2: Homepage Interactions (0:20 - 0:40)

Visual: Demonstrating homepage features

Narration: "Experience a minimalist cosmic interface with smooth, zero-gravity animations."

Actions to Show:

  • Hover over "Enter the Galaxy" button (levitation effect)
  • Show cursor trail effect
  • Demonstrate starfield twinkling
  • Scroll down gesture (if implementing additional sections)

SCENE 3: Navigation (0:40 - 0:55)

Visual: Opening navigation menu

Narration: "Navigate through the cosmos with our floating menu system."

Actions to Show:

  • Click navigation toggle button
  • Menu expansion animation
  • Hover over menu items
  • Click to navigate to Events page
  • Page transition fade effect

SCENE 4: Events Page - Planet System (0:55 - 1:30)

Visual: Exploring floating planets

Narration: "Discover events as floating planets in space. Each event is an interactive world waiting to be explored."

Actions to Show:

  • Hover over multiple planets showing:
    • Glow intensity increase
    • Orbital ring rotation
    • Stardust particle emissions
    • Planet rotation animation
  • Show different planet sizes
  • Display planet labels on hover

SCENE 5: Event Modal (1:30 - 1:50)

Visual: Opening event details

Narration: "Click any planet to reveal detailed event information in our glassmorphic modal design."

Actions to Show:

  • Click on "Vibe Coding" planet
  • Modal entrance animation (scale & fade)
  • Scroll through event details:
    • Event name and category
    • Description
    • Date & time
    • Venue
    • Contact information
  • Hover over "Register" button
  • Close modal with X button (rotation animation)

SCENE 6: Space Map Navigation (1:50 - 2:20)

Visual: Exploring the galaxy map

Narration: "Navigate the festival venues through our interactive galaxy map, organized into cosmic clusters."

Actions to Show:

  • Navigate to Map page (page transition)
  • Hover over venue clusters showing:
    • Pulsing rings
    • Label appearance
  • Click on a venue (e.g., "L101")
  • Info panel slide-in animation
  • Show venue details:
    • Name
    • Description
    • Events at venue
    • Event tags
  • Click "Get Directions" button
  • Show legend (cluster types)

SCENE 7: Responsive Design (2:20 - 2:35)

Visual: Mobile view demonstration

Narration: "Fully responsive design ensures a seamless experience across all devices."

Actions to Show:

  • Browser window resize to tablet view
  • Further resize to mobile view
  • Show mobile navigation
  • Demonstrate touch interactions
  • Show stacked planet layout on mobile
  • Bottom sheet info panel on mobile map

SCENE 8: Closing (2:35 - 2:50)

Visual: Return to homepage

Narration: "Meraz 2026 - An AI-powered, intergalactic festival experience. Where innovation meets imagination."

Actions to Show:

  • Navigate back to homepage
  • Final view of animated background
  • Logo glow pulse
  • Fade to black with text overlay:
    • "Meraz 2026"
    • "Where Cultures Orbit"
    • "IIT Bhilai"

Recording Tips

Camera/Screen Recording Settings:

  • Resolution: 1920x1080 (1080p) minimum
  • Frame Rate: 60 FPS for smooth animations
  • Format: MP4 (H.264 codec)
  • Audio: Clear voiceover or background music

Browser Setup:

  • Use Chrome or Firefox (latest version)
  • Enable hardware acceleration
  • Close unnecessary tabs
  • Disable browser extensions
  • Set zoom to 100%

Recording Software Recommendations:

  • OBS Studio (Free) - Professional, customizable
  • Loom (Free/Paid) - Easy webcam + screen
  • Camtasia (Paid) - Advanced editing features
  • QuickTime (Mac) - Built-in screen recording

Best Practices:

  1. Record in a quiet environment
  2. Use smooth, deliberate mouse movements
  3. Pause briefly on key features
  4. Maintain consistent pacing
  5. Record multiple takes for best result

Post-Processing:

  • Add background music (royalty-free)
  • Include text overlays for emphasis
  • Add transitions between scenes
  • Color grade for consistency
  • Export in high quality

Alternative: Quick Demo (1 minute)

For a shorter version, focus on:

0:00-0:15: Homepage intro + navigation 0:15-0:35: Events page with 2-3 planet interactions 0:35-0:50: Event modal demonstration 0:50-1:00: Quick map view + closing

Music Suggestions

Cosmic/Ambient Tracks:

  • "Space Ambience" - Royalty-free
  • "Interstellar Journey" - YouTube Audio Library
  • "Cosmic Dreams" - Free Stock Music
  • "Nebula" - Ambient Space Music

Upbeat/Modern:

  • "Tech Future" - Corporate Music
  • "Innovation" - Background Music
  • "Digital Dreams" - Electronic Ambient

Text Overlays to Include

Throughout the video, add text overlays highlighting:

  • ✨ "Smooth Animations"
  • 🪐 "Interactive Planets"
  • 🎨 "Glassmorphic Design"
  • 📱 "Fully Responsive"
  • 🚀 "AI-Generated Code"
  • 🌌 "Cosmic Theme"

Final Notes

  • Keep transitions smooth and professional
  • Ensure all text is readable
  • Test video on different devices
  • Get feedback before final export
  • Include captions for accessibility

The goal: Showcase the immersive, futuristic experience that makes Meraz 2026 unique!

Good luck with your demo video! 🎥✨