Самый простой способ загрузить видео в CreateJS?

Question

Я ищу для загрузки видео через CreateJS (Flash CC), либо в формате mp4, либо в формате ogg. Каков самый простой способ сделать это? Там почти нет документации. Я знаю, что видео может быть загружен как растровый, например:

var bitmap = new createjs.Bitmap("moviePath.mp4"); 

Когда я загружаю видео таким образом, я могу услышать аудио играть, но не может реально увидеть видео на холсте. Я подозреваю, что это потому, что холст не рисует каждый отдельный кадр, несмотря на то, что он ставит функции тикера и stage.update()

Любая помощь приветствуется!

Answer 1

Я думаю, вы должны использовать DOMelement для этого. Предполагая, что вы используете JQuery вы могли бы попробовать что-то вроде этого:

var videoDom = $('<video width="320" height="240" autoplay><source src="movie.mp4" type="video/mp4"></video>').appendTo(document.body)[0]; 
var cjsVideo = new createjs.DOMElement(videoDom); 
stage.addChild(cjsVideo); 

Answer 2

Вы можете поместить их как обычно в DOM и скрыть их с помощью CSS display:none

<video class="js-video" preload="auto" autoplay style="display:none;"> 
<source src="/videos/video.mp4" type="video/mp4"> 
<source src="/videos/video.webm" type="video/webm"> 
</video> 

Затем просто выберите его с помощью JQuery (или native JS) и передать его в экземпляр Bitmap.

var bitmap = new createjs.Bitmap($('.js-video')[0]);

Если вы не будете применять какой-либо маскирование/фильтра и т.д., чтобы видео было бы лучше использовать обычный DOMElement, как metioned выше.