获取视频当前时间的片段转换成图片

最新推荐文章于 2021-06-30 09:13:37 发布

菩提树下说爱你

最新推荐文章于 2021-06-30 09:13:37 发布

阅读量287

点赞数

分类专栏： video转换成图片文章标签： HTML5 Canvas 视频处理 Base64 JavaScript

本文链接：https://blog.csdn.net/a_small_leading/article/details/108777006

版权

video转换成图片专栏收录该内容

1 篇文章 0 订阅

订阅专栏

获取视频片段转换成图片

	1.获取当前video的dom节点
	let Video = document.getElementById('ShowVideo');
	2.创建canvas节点
	let canvas = document.createElement('canvas');
	3.设置canvas为2D并在上边画图片
	element : 需要转换成图片的节点
	x：x轴坐标
	y：y轴坐标
	width：生成图片宽度
	height：生成图片高度
							
	canvas.getContext('2d').drawImage(element, x, y, width, height);
	canvas.getContext('2d').drawImage(Video, 0, 0, 100, 100);

	4.转换canvas为Base64的图片格式
	canvas.toDataURL()