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

html5的Video怎么在暂停时截取当前帧的图片,第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>

按住电源键(关机键)的同时按主屏幕(HOME)键,听见"咔嚓"一声,就代表截图成功了。

另外还有用截图软件截图的,你可以下载一款在你手机上最好用的截图软件,安装后就可以使用截图功能了。答题不易,互相帮助,手机提问的朋友在客户端右上角评价点满意即可.

如果你认可我的回答,请点击采纳为满意回答按钮!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6158343.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-16
下一篇 2023-03-16

发表评论

登录后才能评论

评论列表(0条)

保存