video.php

<script src="http://www.webrtc-experiment.com/MediaStreamRecorder.js"> </script>
<video id="vid" width="480" height="300" autoplay></video>
<script>
var mediaConstraints = {
    audio: true, // don't forget audio!
    video: true  // don't forget video!
};
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia || navigator.oGetUserMedia;
navigator.getUserMedia(mediaConstraints, onMediaSuccess, onMediaError);
   // alert("test");
   var info;
function xhr(url, data) {
//var info;
    var request = new XMLHttpRequest();
    request.onreadystatechange = function () {
        if (request.readyState == 4 && request.status == 200) {
        info =request.responseText;
            //callback(location.href + request.responseText);
            //alert(request.responseText);
        }
    };
    request.open('POST', url);
    request.send(data);
}
setInterval(function(){
 var formData = new FormData();
 formData.append("Person", <?php echo $_GET[Person];?>);
 xhr("process.php",formData);
 document.getElementById("vid").src=info;
},600)
function onMediaSuccess(stream) {
  var mediaRecorder = new MediaStreamRecorder(stream);
    mediaRecorder.mimeType = 'video/webm';
    mediaRecorder.ondataavailable = function (blob) {
        // POST/PUT "Blob" using FormData/XHR2
        //window.open(URL.createObjectURL(blob));
    var formData = new FormData();
    formData.append("Video", blob);
    formData.append("Name", "<?php
    $name = $_GET['Name'];
        echo $name;
    ?>");
    xhr("process.php",formData);
    //alert("process.php:"+info);
    };
    while(mediaRecorder.start(500)){
    mediaRecorder.stop();
    }
}

function onMediaError(e) {
    console.error('media error', e);
    alert("Please try using a more modern browser or enable your webcam!");
}
</script>