保存blob到本地_利用canvas截图保存视频画面

“ 一入前端深似海，何时功成万古枯。”

前一段时间做了一个很不爽的视频功能

为什么不爽，因为很多东西都要自己手写，设计稿和现在已有的视频组件差别很大，其中的截图功能折磨了我好久

归根结底，还是自己太水了

现在回想起来，一步一步地做，也没什么难度

遇到坑千万不要着急，因为你距离成功可能只差了一行代码

实现思路

—

1、点击截图，获取点击事件

2、点击事件中利用canvas画布，将视频那一帧保存为图片

3、将canvas拿到的图片转换成blob格式进行下载

4、通过a标签下载blob格式图片到本地

哇，好简单哦！let's go

代码逻辑

—

1、html标签定义video