Home/Tech demos
AddPipe 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.
video View demo →HTML Media Capture examples
Examples based on the W3C HTML Media Capture specification.
video View demo →MediaRecorder API - Video
Records video directly in the browser using the MediaStream Recording API and getUserMedia().
video View demo →MediaRecorder API - Audio
Records audio directly in the browser using native MediaStream APIs, no plugins needed.
audio View demo →getDisplayMedia demo
Captures screen, system/tab audio, and microphone simultaneously using getDisplayMedia() and getUserMedia().
screen View demo →Screen + webcam recording
Captures screen and webcam simultaneously using Canvas, getDisplayMedia(), and getUserMedia().
screen View demo →Simple Recorder.js demo
Records uncompressed PCM audio as .wav using Matt Diamond's popular Recorder.js library.
audio View demo →Simple vmsg demo
Records and compresses audio to .mp3 using vmsg, a WebAssembly-based LAME encoder.
audio View demo →Audio recording with WebAudioRecorder.js
Encodes audio to PCM, Vorbis, or MP3 formats in the browser using the WebAudioRecorder.js library.
audio View demo →Web Speech API speech recognition
Converts microphone input to text in real time using the browser's SpeechRecognition interface.
speech View demo →Web Speech API speech synthesis
Converts written text to spoken audio using the SpeechSynthesis interface in the browser.
speech View demo →<usermedia> HTML element demo
Covers the full shipped surface of HTMLUserMediaElement, plus the sibling <camera> and <microphone> elements.
video View demo →Turn these demos into a real feature.
AddPipe gives your website production-ready audio, video and screen recording, with no browser quirks to handle. Try it free for 14 days.