SDK Live Playground

ShowAndTell Screen Recorder

100% standalone, zero-server-dependency JavaScript screen recording library with audio mixing, max duration limits, and browser reload resilience.

Reload Resilience Active: If you refresh or navigate away while recording is active, your video chunks are preserved in browser IndexedDB and can be recovered with 1 click.
Recording Settings
Live Telemetry & Diagnostics
Session State: IDLE
Elapsed Active Time: 00:00
Max Limit / Remaining: None
MIME Codec: Auto-negotiated
IndexedDB Chunks Saved: 0
How to embed ShowAndTell in any website
<!-- 1. Include the single standalone bundle (Zero backend required) -->
<script src="show-and-tell.min.js"></script>

<script>
  // 2. Start recording with 1 function call
  const session = await ShowAndTell.startRecording({
    maxDuration: 60, // Maximum 60 seconds (auto-discontinues after 1 min)
    audio: { mic: true, system: true },
    ui: true // Displays the draggable floating toolbar with timer
  });

  // Optional: Listen to duration updates & events
  session.on('warning', ({ remainingSeconds }) => {
    console.warn(`Recording will auto-stop in ${remainingSeconds}s!`);
  });

  // 3. Stop whenever ready (or it stops automatically at maxDuration)
  const result = await session.stop();
  
  // 4. Download file or use Blob directly
  result.download('my-presentation.webm');
  console.log('Video Blob:', result.blob);
</script>
Popular Use Cases & Solutions

ShowAndTell provides lightweight, zero-server client-side screen recording engineered for privacy, instant drop-in integration, and zero backend maintenance.

🐞
In-App Bug Reporting & QA
Allow users and QA testers to record repro steps with voiceover narration. Video chunks buffer in IndexedDB so crashes never lose data.
Reload Resilient
⏱️
Timed Coding Tests & EdTech
Enforce strict time limits on candidate interview coding walkthroughs or student homework presentations with pause-aware duration clocks.
Max Duration Cap
💬
Async Support & Sales Video
Build Loom-like async video messaging directly into Zendesk, Intercom, or CRM portals without requiring desktop apps or extensions.
Zero Extension
🎨
Creative Apps & Showcases
Enable 1-click walkthroughs for canvas editors, Figma-like tools, and dashboards, mixing mic voiceover with application tab audio.
Web Audio Mixing
Static Sites & Offline PWAs
Run 100% in client browsers on GitHub Pages, Netlify, or offline PWAs with zero video processing servers or cloud transcoding bills.
100% Standalone
🛡️
Audit Trails & Incident Triage
Capture visual logs of sensitive cloud management, infrastructure, or admin console operations for compliance and security audit trails.
Client Privacy