Client (Browser)

Micdrop client handles real-time voice conversations in the browser with microphone input, speaker output, voice activity detection, and WebSocket communication.

Installation

npm install @micdrop/web

That’s it 🎉 The client is ready to use in any browser, with any framework.

One call, two platforms

Everything on this page also runs on a phone. The call itself, the protocol, the state and the voice activity detection live in @micdrop/client, and each platform only brings its microphone and its speaker:

You are building for	You install	You import from
A browser	`@micdrop/web`	`@micdrop/web`
iOS and Android	`@micdrop/react-native`	`@micdrop/react-native`

Both re-export the whole shared API, so the pages of this section apply to both. Read React Native for what a phone does differently.

See Installation for more details.

Quick Example

import { Micdrop } from '@micdrop/web'

// Start a voice conversation
await Micdrop.start({
  url: 'ws://localhost:8081',
})

Browser Support

Fully tested on desktop and mobile:

✅ Chrome/Chromium
✅ Firefox
✅ Safari
✅ Edge

Target browsers must support the following APIs:

WebSocket API - For real-time communication
Web Audio API - For audio processing and playback
MediaDevices API - For microphone access
MediaRecorder API - For audio recording