How /demo-video builds a tutorial

How /demo-video builds a tutorial A workflow diagram generated by Archify. 01 / Prove the browser 02 / Record, then write 03 / Generate and verify Access Footage Voice + edit Brief · goal, privacy, end state · Prove the browser › Access Brief goal, privacy, end state Access preflight · Firefox, recording off · Prove the browser › Access Access preflight Firefox, recording off Proof clip · one real click, Jay OK · Prove the browser › Footage Proof clip one real click, Jay OK Blocked · Jay logs in privately · Record, then write › Access Blocked Jay logs in privately Record walkthrough · 25 fps · 1080p · 10 min max · Record, then write › Footage Record walkthrough 25 fps · 1080p · 10 min max Lock the script · lines match footage · Record, then write › Footage Lock the script lines match footage HeyGen avatar · Avatar III · $5 cap · Record, then write › Voice + edit HeyGen avatar Avatar III · $5 cap Open decision · stop, ask Jay · Generate and verify › Footage Open decision stop, ask Jay Align + assemble · captions · moving PiP · Generate and verify › Voice + edit Align + assemble captions · moving PiP QA + bundle · review · hashes · Generate and verify › Voice + edit QA + bundle review · hashes session missing signed in 1080p render recheck resume accepted unanswered choice approved Legend Real browser footage Automated edit Hard gate, stops the job Writes the job bundle Paid HeyGen call Jay decides or approves

Defaults

  • • 1920×1080 at 25 fps, 5 to 8 minutes
  • • HeyGen Avatar III in a moving corner PiP
  • • Shorter is fine if every step is shown

Never

  • • Terminal, slides or mock pages as footage
  • • Paid voice before reviewed footage
  • • Cookies exported from normal Chrome
  • • Upload or publish without a separate yes

In the bundle

  • • final.mp4, screen master, narration WAV
  • • Avatar render, SRT + VTT captions
  • • Transcript, scene plan, QA, hashes.sha256