getUserMedia demo

by mifeng

HTML

<video autoplay></video>

JavaScript

// cross browser
window.URL = window.URL || window.webkitURL;
navigator.getUserMedia  = navigator.getUserMedia ||
                          navigator.webkitGetUserMedia ||
                          navigator.mozGetUserMedia ||
                          navigator.msGetUserMedia;

// dom element
var video = document.querySelector('video');

if (navigator.getUserMedia) {
    navigator.getUserMedia({audio: true, video: true}, 
                           onUserMediaSuccess, onUserMediaError);
} else {
    alert("getUserMedia() is not supported in your browser");
}

function onUserMediaSuccess(stream) {
    console.log("User has granted access to local media.");
    video.src = window.URL.createObjectURL(stream);
}

function onUserMediaError(e) {
    console.log("Failed to get access to local media. Error code was " + error.code);
    alert("Failed to get access to local media. Error code was " + error.code + ".");

}