用户上传的视频放在CDN服务器上,如何获取视频的第一帧并保存为图片?

需求:将视频的第一帧保存为图片,作为视频列表的缩略图使用

经查阅尝试使用canvas来绘制画布,但是由于我们的视频都是放在CDN服务器上,而canvas使用了没有权限的跨域图片时canvas.toDataURL()会报错,报错信息如下:
"Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported."

已经加上 img.crossOrigin = "Anonymous";依然还是无效,原因是视频在服务端没有办法设置相应的权限。

由于使用了第三方插件lightGallery来展示视频图片列表,所以需要一个缩略图传进去以调用,视频也不能放到本地使它同域,急求各位大神给出解决方案。

阅读 5.3k
1 个回答
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题