html上传视频并展示,Html5视频录制和上传？

我需要创建一个可以使用网络摄像头或移动摄像头录制视频的应用程序(需要跨平台).

到目前为止,我已经使用webrtc getusermedia写了一个小的概念证明.它可以记录视频和播放,但我不知道如何获取文件上传回服务器.

和Javascript代码&＃xff1a;

(function ($) {

window.URL &＃61; window.URL || window.webkitURL;

navigator.getUserMedia &＃61; navigator.getUserMedia || navigator.webkitGetUserMedia ||

navigator.mozGetUserMedia || navigator.msGetUserMedia;

var video &＃61; document.querySelector(&＃39;video&＃39;);

var onFailSoHard &＃61; function(e) {

console.log(&＃39;Reeeejected!&＃39;,e);

};

$(&＃39;#capture-button&＃39;).click (function () {

console.log ("capture click!");

if (navigator.getUserMedia) {

// Not showing vendor prefixes.

navigator.getUserMedia({video: true,audio: true},function(localMediaStream) {

var video &＃61; document.querySelector(&＃39;video&＃39;);

video.src &＃61; window.URL.createObjectURL(localMediaStream);

// Note: onloadedMetadata doesn&＃39;t fire in Chrome when using it with getUserMedia.

// See crbug.com/110938.

video.onloadedMetadata &＃61; function(e) {

// Ready to go. Do some stuff.

};

},onFailSoHard);

} else {

video.src &＃61; &＃39;somevideo.webm&＃39;; // fallback.

}

});

$(&＃39;#stop-button&＃39;).click (function (e) {

video.pause ();

localMediaStream.stop ();

});

})(jQuery);

如何将该示例中记录的内容作为文件获取,以便将其上传到服务器.