web-dev-qa-db-ja.com

Flashなしでウェブカメラにアクセス

HTML 5要素とJavaScriptを使用してビデオチャットアプリケーションを作成したいのですが、Flashを使用してユーザーのWebカメラにアクセスしたくありません。

HTMLとJavaScriptのみを使用してこれを実現するにはどうすればよいですか？

javascripthtmlwebcam
15
Tamer El-Nasser

これを書いている時点で、最良の解決策はWebRTCです。 Chrome、Mozilla、Operaでサポートされています ですが、InternetExplorerとSafariではまだ利用できません。

ミニマルなデモ。

Index.html

<!DOCTYPE html>
<head>
</head>
<body>
    <video></video>
    <script src="webcam.js"></script>
</body>

webcam.js

(function () {
    navigator.getMedia = (navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia);

    navigator.getMedia(
        // constraints
        {video:true, audio:false},

        // success callback
        function (mediaStream) {
            var video = document.getElementsByTagName('video')[0];
            video.src = window.URL.createObjectURL(mediaStream);
            video.play();
        },   
        //handle error
        function (error) {
            console.log(error);
        })   
})();

続きを読む ここ または そこ

17
Pawel Miech