getUserMediaを使用して、クライアントの Web カメラ/カメラからビデオ ストリームをキャプチャできます。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>
このビデオ ストリームをリアルタイム フィードとして、またはユーザーが録画を完了してアップロードすることを決定した後に、サーバーに送信することは可能ですか?
私はいくつかの例を見つけました: