Pipe Recorder Introduction

The Pipe Recorder is a fast, resilient, user-friendly HTML & JS tool for recording audio and video, uploading existing recordings, and capturing your screen.

It works in all major browsers on desktop and mobile, and can be used inline in your webpage with Safari on iOS/iPadOS and Chrome on Android.

Embedding #

Emebdding the Pipe Recorder in your web site or web app is simple. You copy and paste the HTML or JS embed code or use the npm package.

Device selector #

The microphone and webcam device selector in the Pipe Recorder:

• updates its list live as devices are connected or disconnected
• shows a small notification icon when a device is added or removed
• keeps disconnected devices in the list, marked as removed

Real-time streaming #

When recording from the camera or microphone, or capturing the screen, the client streams data in real time over a secure WebSocket connection to our ingestion media servers. Streaming begins the moment the user starts recording, so over a good Internet connection there is no upload wait when they stop.

Automatic reconnection #

If the connection to our ingestion server drops, the client attempts to reconnect up to 30 times over a period of up to 7.5 minutes. Recording continues locally throughout, and buffered data is uploaded once the connection is re-established.

Server-side recovery #

Recordings that were not fully streamed (for example, because the user disconnected completely) are recovered and processed on our servers.

Availability zone fallback #

The client falls back between the two availaiblity zones of our US and EU regions on the initial connection: if it can’t reach the designated availability zones, it tries the second one.

Multiple recorders per page #

With our 2.0 JS/HTML embed code, you can add multiple recorders to the same page.

Accessible #

We’re committed to making the Pipe Recorder accessible and currently adhere to the WCAG AA conformance level.