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

Question

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

Answer 1

canvas 抓图？ 直接 toDataURL或者toBlob

Answer 2

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

Answer 3

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

Answer 4

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