阿里云Aliplayer高级功能介绍(一):视频截图

  1. 云栖社区>
  2. 阿里云视频云>
  3. 博客>
  4. 正文

阿里云Aliplayer高级功能介绍(一):视频截图

隽阜 2019-01-07 11:09:17 浏览1627
展开阅读全文

基本介绍

H5 Video是不提供截图的API的, 视频截图需要借助Canvas,通过Canvas提供的drawImage方法,把Video的当前画面渲染到画布上, 最终通过toDataURL方法可以导出图片的base64编码,基本就完成了图片截图的功能。

功能实现

Canvas接口介绍

drawImage接口
在画布上绘制图像、画布或视频,也能够绘制图像的某些部分,以及/或者增加或减少图像的尺寸,主要参数为:
参数描述
img规定要使用的图像、画布或视频。
sx可选。开始剪切的 x 坐标位置。
sy可选。开始剪切的 y 坐标位置。
swidth可选。被剪切图像的宽度。
sheight可选。被剪切图像的高度。
dx在画布上放置图像的 x 坐标位置。
dy在画布上放置图像的 y 坐标位置。
dwidth可选。要使用的图像的宽度。(伸展或缩小图像)
dheigh

网友评论

登录后评论
0/500
评论
隽阜
+ 关注
所属云栖号: 阿里云视频云