setTimeout(function

        video.src = window.webkitURL.createObjectURL(stream);
        video.play();
    }

    function error(err) {
        alert('video error: ' + err)
    }

    //canvas
    var context = canvas.getContext('2d');

    setTimeout(function(){
        //把当前视频帧内容渲染到画布上
        context.drawImage(video, 0, 0, 640, 480);
    }, 5000);
<video width=&quot;640&quot; height=&quot;480&quot; autoplay></video>
<canvas width=&quot;640&quot; height=&quot;480&quot;></canvas>

<script>
    var video = www.laipuhuo.com document.querySelector('video');
    var canvas = document.querySelector('canvas');

    // video捕获摄像头画面
    navigator.webkitGetUserMedia({
                video: true