应用canvas获取video的缩略图
Posted 前端程序人生
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了应用canvas获取video的缩略图相关的知识,希望对你有一定的参考价值。
发布视频时候,经常需要上传同时上传视频的缩略图,我第一反应就想到了H5的标签vidio和canvas,在这里记录下我完成该功能的过程:
首先,整体思路是创建一个vidio,然后创建一个canvas和一个画笔,调用画笔的drawImage方法,将vidio作为参数,就会画出该视频的缩略图。
function
creatImg() {
const video = document.getElementById(
'videoPreview'
);
以上是关于应用canvas获取video的缩略图的主要内容,如果未能解决你的问题,请参考以下文章