原生js实现视频截图-编程思维
视频截图效果预览 利用Canvas进行截图 要用原生js实现视频截图,可以利用canvas的绘图功能 ctx.drawImage,只需要获取到视频标签,就可以通过drawImage把视频当前帧图像绘制在canvas画布上。 const video = document.querySelector('video') const canvas = document.createElement('c
morethink program
视频截图效果预览 利用Canvas进行截图 要用原生js实现视频截图,可以利用canvas的绘图功能 ctx.drawImage,只需要获取到视频标签,就可以通过drawImage把视频当前帧图像绘制在canvas画布上。 const video = document.querySelector('video') const canvas = document.createElement('c
实现效果 先看看效果,而且点击图片即可查看demo: 实现思路 1、分别获得远程mp4、本地摄像头、本地mp4上传文件预览,即准备好vedio节点。 如下代码: <video id="video" width="320" height="auto" controls preload="auto"> <source id="videoSource" src="mov