ビデオをキャンバスタグに入れて、そこから処理したいと思います。色、スクロールによる再生の制御など...
しかし、Easel lib でそれがどのように可能であるか (そして可能かどうか) はわかりませんでした。
ジャバスクリプト
function init(){//init() is in Body -> onload
stage = new createjs.Stage("canvas");
var ctx = stage.canvas.getContext('2d');
var video = document.getElementById("video");
createjs.Ticker.addEventListener("tick", function(event){
if(video.paused || video.ended) return false;
drawFrame(video, stage, ctx);
}
}//init
function drawFrame(v,s,c){
bitmap = new createjs.Bitmap(video);
bitmap.draw(c);
s.update();
}
これはコードで、何も描画せず、5 ~ 6 秒後にクラッシュします。