Использование getUserMedia Я могу захватить видеопоток с веб-камеры/камеры клиента. И используя тег video
, я могу показать его в браузере клиента. Код:
<video autoplay></video>
<script type="text/javascript">
window.URL = window.URL || window.webkitURL;
navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia;
var video = $('video')[0];
var failed = function(e) {
console.log('Denied!', e);
};
if( navigator.getUserMedia ) {
navigator.getUserMedia( {video: true, audio: true}, function( stream ) {
video.src = window.URL.createObjectURL(stream);
}, failed
)
} else {
console.log( 'Not supported!' );
}
</script>
Теперь можно отправить этот видеопоток либо в режиме реального времени, либо после того, как пользователь выполнил запись и решил загрузить на сервер?
Я нашел несколько примеров: