17

JavaScriptを介してWebカメラを開く必要<video>があります。html5にアクセスできることはわかっていますが、純粋なJavaScriptを使用してWebカメラにアクセスする必要があります。

誰かが私を助けたり、私にいくつかのアイデアを与えることができますか？

JavaScriptでウェブカメラにアクセスするだけでいいのですが、英語で申し訳ありません。Google翻訳を使用しています。

タグを使用できません'<ビデオ>'

4

4 に答える 4

34

コメントとして述べたように、私はあなたの言い回しについて混乱しています。あなたは「HTML5」がウェブカメラにアクセスできることを知っていますが、純粋なJavascriptでそれを必要としています。

ご存じない方のために説明すると、HTML5ではReal- TimeCommunicationsの略であるWebRTCと呼ばれるものが導入されました。その一環として、 navigator.getUserMedia（）という新しいものも導入されました。つまり、ECMAscriptオブジェクトを使用して、ユーザーのマシンWebCamおよびMicrophoneデバイスにアクセスできるようにします。 navigator.mediaDevices.getUserMedia(constraints)

ご覧のとおり、ショー全体がHTML5ロールアウト/仕様に埋め込まれているため、ここではJavascriptをHTML5から実際に分離することはできません。

参考文献：

于 2013-03-14T18:17:01.230 に答える
13

HTML5フォールバックの状況でのみフラッシュを使用するjsライブラリは次のとおりです。

https://github.com/jhuckaby/webcamjs

コードサンプルから：

<script src="webcam.js"></script>

<div id="my_camera" style="width:320px; height:240px;"></div>
<div id="my_result"></div>

<script language="JavaScript">
    Webcam.attach( '#my_camera' );

    function take_snapshot() {
        Webcam.snap( function(data_uri) {
            document.getElementById('my_result').innerHTML = '<img src="'+data_uri+'"/>';
        } );
    }
</script>

<a href="javascript:void(take_snapshot())">Take Snapshot</a>
于 2015-05-18T16:04:51.960 に答える
4

HTML5rocksからのこの素晴らしいチュートリアルがあります。

基本的に、getUserMediaを使用すると、ブラウザーは許可を求めてから、カメラを使用できます。

特にインターネット経由でこれらのストリームを送信する場合は、サポートが不十分であり、APIが再び変更される可能性があることに注意する必要があります。

于 2013-03-14T18:16:42.897 に答える
2

現在これを行うためのjavascriptライブラリがいくつかあります。

于 2013-03-14T18:17:41.207 に答える