Мне нужно создать приложение, которое может записывать видео с помощью веб-камеры или мобильной камеры (это должна быть кросс-платформа).
До сих пор я написал небольшое доказательство концепции, используя webrtc getusermedia. Он может записывать видео и воспроизведение, но я не уверен, как заставить файл загружаться на сервер.
Вот ссылка на этот образец http://jsfiddle.net/3FfUP/
И код 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);
Как я могу получить то, что записано в этом примере как файл, чтобы он мог быть загружен на сервер.
