videoタグの使い方。動画の制御をやったあと、もう少し高度な使い方としてCanvas要素をつかった動画の扱いを学ぶという章。
最後のほう(6-10)でビデオのパズルを作る。ちなみに揃えるとPyConJPのシールを映した動画が出てきます。
基本的にCanvasをうまく使う。
- video要素をjavascriptでつくってスタイルシートのdisplay属性をnoneにして表示させない
- playしたらcanvasの描画をsetIntervalで30FPSになるようにして
- video要素をcanvasに描画する
- ついでにcanvasの要素をいじれば画像いじるのと同じことができる。
HTML5 Canvas: Native Interactivity and Animation for the WebSteve Fulton
Oreilly & Associates Inc / 2922円 ( 2011-05-13 )