canvid是个极小依赖的库，可以在canvas元素上播放相对较短的视频。
为什么不直接使用HTML5视频？因为不能嵌入或者在iOS自动播放HTML5视频
为什么比使用一个动态GIF更好？视频转换成GIF
效果特别不好，因为颜色的取样关系。同时，视频GIFs的大小非常大。GIF不能转换成视频，动态GIFs不能控制播放，不能暂停或者播放，或者延迟播放。
为什么只是"相对较短"的视频？iOS限制图片的大小上限
为什么没有音频？canvid不支持音频，因为动态GIF也不支持
安装npm
$ npm install --save canvidgitclone
$ git clone git@github.com:gka/canvid.git使用可以在AMD，CommonJS和浏览器全局中使用canvid.js
var canvidControl = canvid({ selector : '.video', videos: { clip1: { src: 'clip1.jpg', frames: 38, cols: 6 }, clip2: { src: 'clip2.jpg', frames: 43, cols: 6, loops: 3 } }, width: 500, height: 400, loaded: function() { canvidControl.play('clip1'); // reverse playback // canvidControl.play('clip1', true); }});
评论