canvas标签播放的视频如何抓图

新手上路,请多包涵

使用的canvas标签播放视频,如何在canvas视频里抓图,drawImage试了在video标签可以正常抓图,在canvas抓出来是空白的。

阅读 3.7k
4 个回答

canvas 抓图? 直接 toDataURL或者toBlob

image.png

新手上路,请多包涵

这个会有兼容性的问题 建议利用video标签方法。利用播放监听的方法,取帧暂停在进行截图可解决.

因为你没有写你Canvas播放视频的具体实现方式,不好判断你具体的原因。
大致上根据视频播放的原理,是需要逐帧恢复视频画面,你用canvas播放,就是通过某些算法提取视频数据,再绘制到canvas上,你有时抓的到,有时抓不到的原因就在于你抓取实际的不同。
我想这个在canvas上绘制视频帧前一定有清除已有帧的过程,然后再绘制新的,你如果能保证抓取时机是指绘制后清除前就一定能够抓到的。
你需要改造你的抓取程序,保证抓取时机。

我觉得canvas播放和使用video来draw没有关系.
https://cozmo.github.io/jsQR/
可以看看这个源码, 画是用的canvas, 而识别的图是video中的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题