Html5 enregistrement vidéo et la télécharger?

J'ai besoin de créer une application qui peut enregistrer de la vidéo à l'aide d'une webcam ou caméra mobile (il doit être de la croix-plate-forme).

Jusqu'à présent, j'ai écrit une petite preuve de concept à l'aide de webrtc getusermedia. Il peut enregistrer de la vidéo et de lecture, mais je ne suis pas sûr de savoir comment obtenir le fichier à télécharger vers le serveur.

Voici un lien vers cet échantillon http://jsfiddle.net/3FfUP/

Et le code javascript:

(function ($) {
window.URL = window.URL || window.webkitURL;
navigator.getUserMedia  = navigator.getUserMedia || navigator.webkitGetUserMedia ||
            navigator.mozGetUserMedia || navigator.msGetUserMedia;
var video = document.querySelector('video');
var onFailSoHard = function(e) {
    console.log('Reeeejected!', e);
};
$('#capture-button').click (function () {
    console.log ("capture click!");
    if (navigator.getUserMedia) {
        //Not showing vendor prefixes.
        navigator.getUserMedia({video: true, audio: true}, function(localMediaStream) {
            var video = document.querySelector('video');
            video.src = window.URL.createObjectURL(localMediaStream);

            //Note: onloadedmetadata doesn't fire in Chrome when using it with getUserMedia.
            //See crbug.com/110938.
            video.onloadedmetadata = function(e) {
                //Ready to go. Do some stuff.
            };
        }, onFailSoHard);
    } else {
        video.src = 'somevideo.webm'; //fallback.
    }
});
$('#stop-button').click (function (e) {
    video.pause ();
    localMediaStream.stop ();
});
})(jQuery);

Comment puis-je obtenir ce qui est inscrit dans cet exemple comme un fichier de sorte qu'il peut être téléchargé sur le serveur.