// You should be replacing the source of the video with the stream from the camera
//Code to access local device and display on html page 
try 
{ 
navigator.webkitGetUserMedia({audio: true, video: true}, successCallback, errorCallback);
} 
catch (e) 
{
navigator.webkitGetUserMedia("video,audio", successCallback, errorCallback);
}
function successCallback(stream) {
  sourcevid.src = window.webkitURL.createObjectURL(stream);
  sourcevid.style.webkitTransform = "rotateY(180deg)";
  localStream = stream;
}
function errorCallback(error) {
  logg('An error has likely occurred: [CODE ' + error.code + ']');
}
//Adding remote stream
var remotevideo = document.getElementById('remotevideo');
try {
    logg("Creating a peer connection");
    var server_s = [];
    server_s.push({'url':'stun:' + stunServer});
    var pcconfig = {'iceServers':server_s};
    peerConnect = new webkitRTCPeerConnection(pcconfig);
    peerConnect.onicecandidate = onIceCandidate;
  }
 catch (e) {
   logg("Failed to create a Peer Connection, exception: " + e.message);
  }
  peerConnect.onaddstream = onremotestreamadded;
  peerConnect.onremovestream = onremotestreamremoved;
function onremotestreamadded(event) {
  logg("Added the remote stream");
  remotevideo.src = window.webkitURL.createObjectURL(event.stream);
}
//Adding buttons
start_button  = document.querySelector('#btn');
start_button.addEventListener('click', function(eve){
      takeapicture();
    eve.preventDefault();
  }, false);
  function takeapicture() {
    canvas.width = width;
    canvas.height = height;
    canvas.getContext('2d').drawImage(video, 0, 0, width, height);
    var dataa = canvas.toDataURL('image/png');
    photo.setAttribute('src', dataa);
  }