HTML5 - Local Video Stream

Fiddle exploring how to create a local media stream.

by brady houseknecht

HTML

<video width="100%" height="100%" id="vid" autoplay></video>

JavaScript

navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia;

var constraints = {video: true};

function successCallback(localMediaStream) {
  window.stream = localMediaStream; // stream available to console
  var video =document.getElementById("vid");
  video.src = window.URL.createObjectURL(localMediaStream);
  video.play();
}


function errorCallback(error){
  console.log("navigator.getUserMedia error: ", error);
}

navigator.getUserMedia(constraints, successCallback, errorCallback);