需求分析
客户端中h5上传视频,视频封面默认首帧。
遇到问题:原生的video
现象如下
- IOS会在加载好后显示首帧(没加载好显示黑屏,符合预期)
- Android加载好后默认封面为一个奇怪的占位图(不符合预期)
需求:显示首帧。
获得首帧
已知视频url,获得首帧图:
/**
* 获取视频的封面图信息
* @param url 视频地址
* @param second 秒数
*/
async function getVideoBase64(url: string, second: number = 0) {
const video = document.createElement('video');
video.setAttribute