应用canvas获取video的缩略图

Posted 前端程序人生

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了应用canvas获取video的缩略图相关的知识,希望对你有一定的参考价值。

发布视频时候,经常需要上传同时上传视频的缩略图,我第一反应就想到了H5的标签vidio和canvas,在这里记录下我完成该功能的过程:
首先,整体思路是创建一个vidio,然后创建一个canvas和一个画笔,调用画笔的drawImage方法,将vidio作为参数,就会画出该视频的缩略图。



function creatImg() {

   const video = document.getElementById( 'videoPreview' );

以上是关于应用canvas获取video的缩略图的主要内容,如果未能解决你的问题,请参考以下文章

应用canvas获取video的缩略图

从 vimeo 获取视频缩略图

Unity 获取视频缩略图

Unity 获取视频缩略图

Unity 获取视频缩略图

七牛云存储 视频获取缩略图