SaRAku的博客

上文中已经截取到了base64格式的视频首帧，因此预览图从封面中截取，此处截取的规则如下：图片自适应在封面（设置为200*200）大小，短的那一条边和200px等宽，全部取用，而更长的那一条边取居中长度裁剪。将绘画对象花在画布上，首先从绘画对象的(x,y)坐标开始，横着沿x轴画一条imageSizeX这么长的线，然后再纵向沿着y轴画一条imageSizeY这么长的线，我们就在【原图】上画了一个长方形。在裁剪之前简单介绍一下canvas裁剪的函数，其实还是靠最基本的drawImage。

HAVE_ENOUGH_DATA（数字值为4）：可以进行播放，且浏览器确认媒体数据以某一种速度进行加载，可以保证有足够的后续数据进行播放，而不会使浏览器的播放进度赶上加载数据的末端。HAVE_METADATA（数字值为1）：加载中，媒介资源确认存在，但当前位置没有能够加载到有效媒介数据进行播放；HAVE_CURRENT_DATA（数字值为2）：已获取到当前播放数据，但没有足够的数据进行播放；加上这个属性，Gecko 会提供用户控制，允许用户控制视频的播放，包括音量，跨帧，暂停/恢复播放。

能否在上传时就限制图片的张数？移动端不能使图库变成禁止状态，用户点击完成之后才能进行校验。能否限制上传的文件格式？可以限制，PC端能够完美限制，移动端只能部分限制，限制上传图片，IOS会将txt等文件禁用，但是安卓机不会，仍然能上传txt，手机上传中会无属性。选择之后必须再进行校验提示。可考虑做移动 / PC端不同配置。实现方式采用实现，不限制格式。参考https://tinypng.com/。安卓机上表现：可以选择相册、照片、文件，但是外层一次只能选择一张，进入图库内层可以选择多张。