我跟在票后面。在CreateJS中加载视频的最简单方法?但问题是它在我的createjs阶段之外加载视频。为了便于理解,我在这里上传了代码:http://graphicscoder.org/stackover/video/yes.html
<script>
var canvas, stage, exportRoot;
function init() {
canvas = document.getElementById("canvas");
exportRoot = new lib.yes();
stage = new createjs.Stage(canvas);
stage.addChild(exportRoot);
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);
stage.update();
createjs.Ticker.setFPS(24);
createjs.Ticker.addEventListener("tick", stage);
}
</script>
最后我自己找到了答案——你可以在createjs画布中加载视频,而不需要jquery/js
只需将代码粘贴到flash cc 中
/* js
video = document.createElement(‘video’);
video.src = ‘http://graphicscoder.org/video/small.mp4’;
video.autoplay =true;
video.controls=true;
video.volume = 0;
var Video = new createjs.Bitmap(video);
stage.addChild(Video);
*/
获取来源:http://graphicscoder.org/my-createjs/load-video-in-canvas-createjs/