cross-browser getUserMedia shim with node.js style error-first API.


A tiny browser module that gives us a simple API for getting access to a user's camera or microphone by wrapping the navigator.getUserMedia API in modern browsers.

This is important because as of right now, all browsers return errors differently. More on that below.

This lib also gracefully handles the lack of support in a browser. So you never have to check first (see error handling below).

It gives us a cleaner node.js-style, error-first API and cross-browser handling. No browser support checking necessary, lack of support is treated in the same way as when the user rejects the request: the callback gets passed an error as the first argument.

Suitable for use with browserify/CommonJS on the client.

If you're not using browserify or you want AMD support use getusermedia.bundle.js. Note that if no module system is detected it simply attaches a function called getUserMedia to window.

npm install getusermedia

With this helper it's clean/simple to get access to a user's camera, mic, etc.

var getUserMedia = require('getusermedia');
getUserMedia(function (errstream) {
    // if the browser doesn't support user media 
    // or the user says "no" the error gets passed 
    // as the first argument. 
    if (err) {
    } else {
       console.log('got a stream', stream);  

Passing in options is optional. It defaults to {video: true, audio: true};

// optionally pass constraints as the first argument 
// they just passed through. 
getUserMedia({video: true, audio: false}, function (errstream) { ... });
// first deal with browser prefixes 
var getUserMedia = navigator.getUserMedia || 
    navigator.mozGetUserMedia || 
// make sure it's supported and bind to navigator 
if (getUserMedia) {
    getUserMedia = getUserMedia.bind(navigator);
} else {
    // have to figure out how to handle the error somehow 
// then deal with a weird, positional error handling API 
    // media constraints 
    {video: true, audio: true}, 
    // success callback 
    function (stream) {
        // gets stream if successful 
    // error callback 
    function (error) {
        // called if failed to get media 

All failed calls to getusermedia in this library will return an error object (of type NavigatorUserMediaError) as the first argument to the callback. All will have a .name according to the specification

For Firefox testing, the module evaluates the localStorage 'useFirefoxFakeDevice' variable to access fake devices.


If you like this, follow: @HenrikJoreteg on twitter.