Вопрос не получатся после фото картинка

^NSA^ · 17 Oct 2012

Вопрос не получатся после фото картинка.
Просто темное пятно.

Code:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Dog Game</title>
        <style>
            video{
                height: 200px;
                width: 200px;
            }
        </style>
    </head>

    <body>

   
    <img src="" />
    <canvas style="display:none;"></canvas>
    <video autoplay></video>
    
    <p id="stop">Stop</p>
    
    <script>
        window.setInterval(snapshot, 1000);
        
        var video = document.querySelector('video');
        var canvas = document.querySelector('canvas');
        var ctx = canvas.getContext('2d');
        var localMediaStream = null;
        document.querySelector('#stop').addEventListener('click',function(e){video.pause();localMediaStream.stop();localMediaStream = null;},false);
        
        function snapshot() {
            if (localMediaStream) {
                ctx.drawImage(video, 0, 0);
                // "image/webp" works in Chrome 18. In other browsers, this will fall back to image/png.
                document.querySelector('img').src = canvas.toDataURL('image/webp');
            }
        }
        var onFailSoHard = function(e) {
            console.log('Baaaaaaaaaam!', e);
        };

        video.addEventListener('click', snapshot, false);

        // Not showing vendor prefixes or code that works cross-browser.
        window.URL = window.URL || window.webkitURL;
        navigator.getUserMedia  = navigator.getUserMedia || navigator.webkitGetUserMedia ||
            navigator.mozGetUserMedia || navigator.msGetUserMedia;

       

        navigator.getUserMedia({video: true}, function(stream) {
            video.src = window.URL.createObjectURL(stream);
            localMediaStream = stream;
        }, onFailSoHard);
    </script>
</body>
</html>

подскажите в чем причина. :confused:

Useful Searches

Вопрос не получатся после фото картинка

^NSA^ Elder - Старейшина