easljs を使用してビデオ ソースにフィルターを追加する方法を見つけようとしています。ドキュメントによると、bitmap.filtes
プロパティにフィルターを設定するだけです。しかし、これはうまくいかないようです。エラーなどはありません。フィルターはまったく適用されていません。
ドキュメントに関する混乱の 1 つは、cache()
フィルターを適用するために表示オブジェクトで呼び出す必要があると記載されていることですが、bitmap
クラスについてはcache()
呼び出すべきではないと述べています。
以下は、テストとして使用しているコードです。
var stage = new createjs.Stage('screen');
var video = document.getElementById('source');
var bitmap = new createjs.Bitmap(video);
bitmap.scaleX = 0.44;
bitmap.scaleY = 0.44;
bitmap.y = 30;
bitmap.filters = [
new createjs.ColorFilter(0,0,0,1,255,0,0),
new createjs.BoxBlurFilter(5, 5, 10)
];
stage.addChild(bitmap);