本期作者业务介绍web投稿页是B站的主要投稿来源，有很多高粉UP主使用web端进行投稿。封面部分是投稿过程中耗时占比较高的步骤，因此在过去，web投稿页已上线了自动的封面截取&推荐功能，有效提升了用户体验。同时在此过程中有了一定的技术积累。自动封面功能依赖于对用户上传视频进行截帧的能力，最简单的方式是在上传完成之后由服务端进行视频截帧并返回推荐的候选封面，但显然这一步会有大量的等待时间，因此我们采用的是纯前端视频截帧能力。实际上在web投稿页有多处需要截帧的地方：封面推荐：截取多张低清图在前端进行AI打分，基于打分结果截取最多10张高清图供UP主选择封面选帧：对默认推荐的帧不满意，手动获取准确

业务介绍web投稿页是B站的主要投稿来源，有很多高粉UP主使用web端进行投稿。封面部分是投稿过程中耗时占比较高的步骤，因此在过去，web投稿页已上线了自动的封面截取&推荐功能，有效提升了用户体验。同时在此过程中有了一定的技术积累。自动封面功能依赖于对用户上传视频进行截帧的能力，最简单的方式是在上传完成之后由服务端进行视频截帧并返回推荐的候选封面，但显然这一步会有大量的等待时间，因此我们采用的是纯前端视频截帧能力。实际上在web投稿页有多处需要截帧的地方：封面推荐：截取多张低清图在前端进行AI打分，基于打分结果截取最多10张高清图供UP主选择封面选帧：对默认推荐的帧不满意，手动获取准确时间点的

本期作者WebCodecs是什么WebCodecs是一个Web规范，21年9月份在Chrome94中实现WebCodecs提供访问编解码能力的接口，可精细控制音视频数据 Web音视频API存在什么问题音视频技术在Web平台上的应用非常广泛，已有许多WebAPI 间接调用了编解码器来实现特定功能：视频播放：MSE音频解码：WebAudio录制视频：MediaRecorder实时流媒体：WebRTC但没有方法可以灵活配置或直接访问编解码器，所以许多应用使用JS或WASM（比如ffmpeg.wasm）来实现编解码功能，尽管存在诸多缺陷或限制：低性能（WebCodecs编码速度可达到ffmpeg.wa