HTML5のvideoタグによって動画コンテンツが手軽に楽しめるようになりました。そんな中、さらに注目を集めているのがアニメーションGIFです。無音で何度もハイライトシーンだけ繰り返される短い動画は純粋なアニメーションGIFだけでなく、VineやInstagramのようなサービスでも同じようなことができるようになっています。 動画をアニメーションGIF的に楽しむ、そんなライブラリがcanvid.jsです。動画ともアニメーションGIFとも違う、そんな新しい楽しみ方ができます。

canvid.jsの使い方

canvid.jsで動画を再生しているところです。アニメーションGIFにしてしまうと違和感があるかも知れませんが…

canvid.jsは動画を読み込んで、Canvasタグの上に描画しています。そして60fpsで再生（4倍速）したり、逆回転したりすることができます。さらにアニメーションGIFはサイズが大きくなりがちですが、canvid.jsでは動画そのままなのでサイズがそこまで大きくならないのが利点です。

canvid.jsはHTML5/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。

canvid.js gka/canvid