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.

Try Live Playground View on GitHub divmora/show-and-tell

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.

Interactive Test Sandbox (Test Typing, Clicks & Masking in Replay)

Type in the inputs below and click buttons while recording with DOM-Level mode to verify that your clicks, cursor, input values, and sensitive masking are faithfully captured and replayed!

Standard Text Input (Follows Toggle)

Selective Mask (.sat-mask) - Always Masked

Selective Unmask (.sat-unmask) - Always Visible

Password (Auto-Masked for Security)

Aadhar Input (Selector: #aadharInput)

PAN Card Input (Selector: .pan-input)

Dropdown Selection

Confidential PII Tag (.sat-mask): SSN 000-12-3456 Aadhar Text (#aadharTextDisplay): 1234 5678 9012 PAN Text (.pan-text-display): ABCDE1234F

🐞 Simulate Errors & Breadcrumbs (Click while recording to see timeline markers & diagnostics drawer in replay!)

Ready-to-Use JavaScript Code

Pixel Mode Config

This snippet updates in real time to match your configuration above. Drop it directly into your website:

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