原生js实现emby番剧截图小工具

萌新的第一个项目: 为朋友的emby服务器添加番剧截图功能

emby简介

Emby(原名Media Browser)是一个主从式架构的媒体服务器软件,可以用来整理服务器上的视频和音频,并将音频和视频流式传输到客户端设备。

起源

那是一个风和日丽的下午,我一如既往的打开emby,点进还热乎着的⟪我心危⟫最新一集….映入眼帘的便是山田的美颜(什么小学生作文),马上使用windows+shift+s开始截图并把图片发给好基友。很快我就发现这种截图方式并不方便,于是脑子里萌生了一个想法:为什么不在emby中嵌入一个截图按钮呢?

计划已定,开始实施

查阅资料可知,实现网页播放器截图的步骤有四步:

  1. 创建2d canvas画布
  2. 用drawImage方法绘制当前视频帧图。
  3. 将图像转化为dataUrl格式
  4. 下载url/保存到剪贴板