33

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>

このビデオ ストリームをリアルタイム フィードとして、またはユーザーが録画を完了してアップロードすることを決定した後に、サーバーに送信することは可能ですか?

私はいくつかの例を見つけました:

4

2 に答える 2

4

この記事をご覧ください: http://www.smartjava.org/content/face-detection-using-html5-javascript-webrtc-websockets-jetty-and-javacvopencv

Webrtcの使用方法を示します。

これらの API を使用すると、ブラウザ内で実行でき、追加のダウンロードやプラグインを必要とせず、介在するサーバーを使用する必要なく、オーディオ、ビデオ、および補足的なリアルタイム通信を使用してパーティ間の通信を可能にするアプリケーションを構築できます (ファイアウォール トラバーサルが必要でない限り)。または仲介サービスを提供するため)。

于 2012-11-17T14:27:04.780 に答える