本期作者业务介绍web投稿页是B站的主要投稿来源，有很多高粉UP主使用web端进行投稿。封面部分是投稿过程中耗时占比较高的步骤，因此在过去，web投稿页已上线了自动的封面截取&推荐功能，有效提升了用户体验。同时在此过程中有了一定的技术积累。自动封面功能依赖于对用户上传视频进行截帧的能力，最简单的方式是在上传完成之后由服务端进行视频截帧并返回推荐的候选封面，但显然这一步会有大量的等待时间，因此我们采用的是纯前端视频截帧能力。实际上在web投稿页有多处需要截帧的地方：封面推荐：截取多张低清图在前端进行AI打分，基于打分结果截取最多10张高清图供UP主选择封面选帧：对默认推荐的帧不满意，手动获取准确
业务介绍web投稿页是B站的主要投稿来源，有很多高粉UP主使用web端进行投稿。封面部分是投稿过程中耗时占比较高的步骤，因此在过去，web投稿页已上线了自动的封面截取&推荐功能，有效提升了用户体验。同时在此过程中有了一定的技术积累。自动封面功能依赖于对用户上传视频进行截帧的能力，最简单的方式是在上传完成之后由服务端进行视频截帧并返回推荐的候选封面，但显然这一步会有大量的等待时间，因此我们采用的是纯前端视频截帧能力。实际上在web投稿页有多处需要截帧的地方：封面推荐：截取多张低清图在前端进行AI打分，基于打分结果截取最多10张高清图供UP主选择封面选帧：对默认推荐的帧不满意，手动获取准确时间点的
需求如下移动端h5页面（微信浏览器下）需要上传视频并回显封面，用户点击中间的播放三角可以进行视频的预览；问题就出现在ios手机上使用video的poster属性并不能显示出视频封面，而安卓手机可以正常显示视频的第一帧；效果图问题分析：在ios系统中有个保护机制,如果video标签未开始播放,是不会去加载视频的.所以也就是说,video标签还未去加载视频,就显示不出来视频首帧画面；把video标签加上autoplay（自动播放）属性和muted（静音）属性,就正常看到视频的画面了；要想在video标签中显示首帧画面,需要添加poster属性,属性值应该是图片的url；或者直接使用img标签替代v
1.阿里云官方地址：https://help.aliyun.com/document_detail/64555.html参数描述取值范围t指定截图时间。如果设置的截图时间t超过了视频时长，则返回视频的最后一帧关键帧。[0,视频时长]单位：msw指定截图宽度，如果指定为0，则自动计算。[0,视频宽度]单位：像素（px）h指定截图高度，如果指定为0，则自动计算；如果w和h都为0，则输出为原视频宽高。[0,视频高度]单位：像素（px）m指定截图模式，不指定则为默认模式，根据时间精确截图。如果指定为fast，则截取该时间点之前的最近的一个关键帧。枚举值：fastf指定输出图片的格式。枚举值：jpg和p
1.阿里云官方地址：https://help.aliyun.com/document_detail/64555.html参数描述取值范围t指定截图时间。如果设置的截图时间t超过了视频时长，则返回视频的最后一帧关键帧。[0,视频时长]单位：msw指定截图宽度，如果指定为0，则自动计算。[0,视频宽度]单位：像素（px）h指定截图高度，如果指定为0，则自动计算；如果w和h都为0，则输出为原视频宽高。[0,视频高度]单位：像素（px）m指定截图模式，不指定则为默认模式，根据时间精确截图。如果指定为fast，则截取该时间点之前的最近的一个关键帧。枚举值：fastf指定输出图片的格式。枚举值：jpg和p
BackgroundRenderDoc在开发中用于Debug，用于查看渲染结果是否符合渲染预期，方便定位到渲染流程中是哪个Pass出了问题。这个功能也被应用于学习中，学习优秀项目的渲染流程。但是一些大型项目是做了反外挂防护的，使用RDC进行分析的时候，程序会闪退。所以需要一些方法绕开防护。该项目针对Windows平台Android模拟器环境和Android环境的整合了大佬们常用的解决方案。项目工程：VestLee/MagicRDCRenderDoc启动原理RenderDoc会通过注入的方式，在所有GraphicsAPI调用之前，在目标进程挂载renderdoc.dll。这个dll挂载的时候会w
BackgroundRenderDoc在开发中用于Debug，用于查看渲染结果是否符合渲染预期，方便定位到渲染流程中是哪个Pass出了问题。这个功能也被应用于学习中，学习优秀项目的渲染流程。但是一些大型项目是做了反外挂防护的，使用RDC进行分析的时候，程序会闪退。所以需要一些方法绕开防护。该项目针对Windows平台Android模拟器环境和Android环境的整合了大佬们常用的解决方案。项目工程：VestLee/MagicRDCRenderDoc启动原理RenderDoc会通过注入的方式，在所有GraphicsAPI调用之前，在目标进程挂载renderdoc.dll。这个dll挂载的时候会w
