小编Jos*_*ric的帖子

访问多摄像头 javascript getusermedia

伙计们,我有两个摄像头
——网络摄像头
——笔记本电脑摄像头

我想流中的网站的相机
,我已经有一定的参考
这里是一些代码,正在研究的jsfiddle 这里

<video id="video" width="640" height="480" autoplay></video>
<button id="snap" class="sexyButton">Snap Photo</button>
<canvas id="canvas" width="640" height="480"></canvas>

<script>

    // Put event listeners into place
    window.addEventListener("DOMContentLoaded", function() {
        // Grab elements, create settings, etc.
        var canvas = document.getElementById("canvas"),
            context = canvas.getContext("2d"),
            video = document.getElementById("video"),
            videoObj = { "video": true },
            errBack = function(error) {
                console.log("Video capture error: ", error.code); 
            };

        // Put video listeners into place
        if(navigator.getUserMedia) { // Standard
            navigator.getUserMedia(videoObj, function(stream) {
                video.src = stream;
                video.play();
            }, …
Run Code Online (Sandbox Code Playgroud)

javascript webcam html5-video getusermedia

7
推荐指数
2
解决办法
2万
查看次数

标签 统计

getusermedia ×1

html5-video ×1

javascript ×1

webcam ×1