image-conversion (opens new window)

音视频如何截取第一帧作为封面？

• 页面隐藏一个 video 标签

• 用户选择视频后，借助 window.URL.createObjectURL(file)创建一个本地视频链接给页面隐藏的 video 标签

• 让它播放，借助 video 的 onloadedmetadata、ontimeupdate 方法创建 cavas 画布截屏

• 截取完整后，删除视频链接 window.URL.revokeObjectURL(videoUrl)释放内存