How to create narrated product demo videos automatically (with AI voice)

Product demo videos are proof. They show customers exactly what your product does, cut through marketing noise, and close deals faster than any sales pitch.

But they're expensive to make: hire a videographer, write scripts, record takes, edit, add voiceover, sync timing. A 2-minute demo takes 6+ hours.

There's a better way.

The Problem: Demo Videos Are Expensive

Sales teams know this. They want videos for every feature. But creating them is a bottleneck:

• Recording takes time (multiple takes, mistakes, redos)
• Editing is tedious (cutting, syncing voiceover, timing)
• Scripts need approval from product and marketing
• Changes mean re-recording entire videos

Result: Most companies have zero demo videos. They're stuck with static screenshots.

The Solution: Automated Narrated Videos

PageBolt's record_video + audioGuide endpoints record browser workflows as professional MP4s with AI voice narration automatically synced to each step.

You define:

1. Browser steps (navigate, click, fill, scroll)
2. A note for each step (what's happening)
3. Voice preference (10+ voices available)

PageBolt does:

• Records the entire workflow as video
• Generates AI narration from your notes
• Syncs narration to step timing
• Outputs a polished MP4 with browser chrome, cursor effects, and click animations

Total time: 2-5 seconds of compute. Done.

Real Example: Recording a Feature Demo

Here's how to record "How to export data as PDF" in your SaaS:

const PAGEBOLT_API_KEY = process.env.PAGEBOLT_API_KEY;

async function recordFeatureDemo() {
  // Define the steps users will see
  const steps = [
    {
      action: "navigate",
      url: "https://example.com/dashboard",
      note: "We start on the dashboard"
    },
    {
      action: "wait",
      ms: 1500,
      note: "The page loads"
    },
    {
      action: "click",
      selector: "button[data-action='export']",
      note: "Click the export button"
    },
    {
      action: "wait",
      ms: 2000,
      note: "A dialog appears"
    },
    {
      action: "click",
      selector: "input[value='pdf']",
      note: "Select PDF format"
    },
    {
      action: "click",
      selector: "button[type='submit']",
      note: "Click export to generate the PDF"
    },
    {
      action: "wait",
      ms: 3000,
      note: "Download completes. Done."
    }
  ];

  // Record with narration
  const response = await fetch("https://pagebolt.dev/api/v1/record_video", {
    method: "POST",
    headers: {
      "x-api-key": PAGEBOLT_API_KEY,
      "Content-Type": "application/json"
    },
    body: JSON.stringify({
      steps: steps,
      pace: "slow", // Slow down for clarity
      format: "mp4",
      audioGuide: {
        enabled: true,
        script: "Let me show you how to export data. {{0}} {{1}} {{2}} {{3}} {{4}} {{5}} {{6}}", // Maps to step indices
        voice: "ava", // Female voice, professional tone
        speed: 1.0
      },
      cursor: {
        visible: true,
        style: "highlight", // Highlight cursor for clarity
        persist: true
      },
      frame: {
        enabled: true,
        style: "macos" // Browser chrome
      }
    })
  });

  const result = await response.json();
  console.log("Demo video ready:", result.output_file);
  return result.output_file;
}

recordFeatureDemo();

That's it. One API call. The output is a professional-looking MP4 with:

• Cursor highlighting every action
• Click animations and effects
• Browser chrome (macOS or Windows style)
• AI voice narration perfectly synced to each step
• Professional pacing and timing

Why Narrated Videos Convert

Shows, doesn't tell. Customers can see exactly what happens when they use your product.

Scalable. Tired of the same demo? Re-run the script with different steps. Generate 50 demo videos in minutes.

Always up-to-date. Change a UI? Re-run the workflow and get a new demo video that reflects the current state.

Automation. Hook it to GitHub Actions. Every PR gets an automatic demo video showing the feature working. Marketing team gets fresh content daily.

Multi-language. Same steps, different voice and language. Record once, narrate in 10 languages.

Real-World Use Cases

Sales demos: Record your top 5 features. Sales team shares links instead of doing live calls (saves hours).

Onboarding: Generate demo videos for every workflow in your product. New users watch instead of reading docs.

Product marketing: Publish demo videos on your landing page, in email campaigns, on social media. Video = higher engagement.

CI/CD: Auto-generate demo videos on every PR. Reviewers see a video of the feature working before they review code.

QA: Record test workflows to verify they execute correctly. Visual proof that the feature works as expected.

Pricing & Availability

PageBolt's record_video endpoint with audioGuide is:

• Free tier: 100 requests/month (enough for 1-2 demo videos)
• Paid: From $29/month (500 requests, unlimited voice variations)
• No setup: One API key, one endpoint call, done

Next Steps

1. Grab your API key at pagebolt.dev
2. Copy the code example above
3. Define your steps (what users should see)
4. Add notes (what the narrator should say)
5. Call /record_video with audioGuide enabled
6. Get back a polished MP4

You just created a product demo video in 30 seconds of code.

---

PageBolt is the only screenshot API with AI voice narration synced to browser steps. Use it to record demos, tests, tutorials, and any workflow that needs to be seen.