A Pen by Shae Kuronen.

getUserMedia-api.html

<button id="trigger">Get User Media</button>
  
<video id="video-player"></video>
  
<h4 id="error-message"></h4>

getUserMedia-api.js

var video = document.getElementById('video-player'),
    error = document.getElementById('error-message'),
    trigger = document.getElementById('trigger');

navigator.getUserMedia = (
  navigator.getUserMedia ||
  navigator.webkitGetUserMedia ||
  navigator.mozGetUserMedia ||
  navigator.msGetUserMedia
);

function get_user_media() {

   navigator.getUserMedia(

     // constraints
     { video: true, audio: false },

     // success callback
     function(stream) {
     
       if (navigator.mozGetUserMedia) {
         video.mozSrcObject = stream;
       } else {
         var vendorURL = window.URL || webkitWindowURL;
         video.src = vendorURL.createObjectURL(stream);
       }
       
       video.play();
     
     },

     // error callback
     function(error) {
     
       error.innerHTML = 'There error is: ' + error;
     
     }

  );
}

trigger.addEventListener('click', function() {
  get_user_media();
});

getUserMedia-api.markdown

A Pen by Shae Kuronen

A Pen by Shae Kuronen on CodePen.

License.