Pipe Tech Demos
A collection of free browser-based tech demos for audio, video, and screen recording covering getUserMedia, MediaRecorder API, Web Speech API, and more.
getUserMedia Examples
Demonstrates secure web access to cameras and microphones via the getUserMedia API.
HTML Media Capture Examples
Examples based on the W3C HTML Media Capture specification.
MediaRecorder API - Video
Records video directly in the browser using the MediaStream Recording API and getUserMedia().
MediaRecorder API - Audio
Records audio directly in the browser using native MediaStream APIs, no plugins needed.
getDisplayMedia Demo
Captures screen, system/tab audio, and microphone simultaneously using getDisplayMedia() and getUserMedia().
Screen + Webcam Recording
Captures screen and webcam simultaneously using Canvas, getDisplayMedia(), and getUserMedia().
Simple Recorder.js demo
Records uncompressed PCM audio as .wav using Matt Diamond’s popular Recorder.js library.
Simple vmsg demo
Records and compresses audio to .mp3 using vmsg, a WebAssembly-based LAME encoder.
Audio Recording With WebAudioRecorder.js
Encodes audio to PCM, Vorbis, or MP3 formats in the browser using the WebAudioRecorder.js library.
Web Speech API Speech Recognition
Converts microphone input to text in real time using the browser’s SpeechRecognition interface
Web Speech API Speech Synthesis
Converts written text to spoken audio using the SpeechSynthesis interface in the browser.