Question

html5的Video怎么在暂停时截取当前帧的图片

Answer 1

利用canvas画布

<script>
    (function() {        
        "use strict";        
        var video, $output;        
        var scale = 0.25;        
        var initialize = function() {
            $output = $("#output");
            video = $("#video").get(0);
            $("#capture").click(captureImage);
        };        
        var captureImage = function() {
            var canvas = document.createElement("canvas");
            canvas.width = video.videoWidth * scale;
            canvas.height = video.videoHeight * scale;
            canvas.getContext('2d')
                .drawImage(video, 0, 0, canvas.width, canvas.height);            var img = document.createElement("img");
            img.src = canvas.toDataURL('image/png');
            $output.prepend(img);
        };
        $(initialize);
    }());
</script>