引言
最近开发的时候遇到了一个需求,截取视频第一帧作为视频的封面,结果第一帧是黑屏,所以产品提出,希望可以截取的不是黑屏颜色稍微靓丽帧的作为封面。于是我们进行步骤拆解:
1.截取第N秒作为视频封面。
2.选择合适的帧作为视频封面。
注意事项
视频地址必须同源或者是支持跨域访问。
设置视频播放时间后,再监听canplay事件。
寻找合适帧需要加载时间。
实现步骤
一、获取视频基本信息(分辨率、时长)
// 获取视频基本信息
function getVideoBasicInfo(videoSrc) {
return new Promise((resolve, reject