导语随着短视频兴起，音视频技术已经越来越火热，或许你之前有了解过如何在前端处理音视频，但随着视频文件的逐渐增大、用户体验要求的不断提高，纯前端处理音视频的技术也推成出新。下面将结合实际案例，讲解如何使用FFmpeg和WebAssembly实现前端视频截帧。文章较长，也非常硬核，建议先收藏再慢慢看。
背景腾讯课堂涨知识创作者后台，目前主要通过邀请合作老师来平台上发布视频。上传视频的同时，需要对视频进行截帧生成推荐封面，生成规则比较简单，根据视频总时长，平均截取8帧。用户可以从其中选择一张图片作为视频封面。前期调研
视频截帧，首先想到的是video+canvas方案，毕竟接触最多的就是它了，不过后面的深入分析，可以发现他们的局限性还是挺多的。
下面主要对比了不同截帧方案，每种方案都是可以走通的，也有不同的问题。
1.腾讯云视频上传转换能力
腾讯云“数据万象”，图片上传和存储服务都基于对象存储服务（COS），同时