Question

我使用Flash创建了一个简单的动画，并使用CREATEJS PLuggin将我的SWF转换为HTML5 + JS解决方案。这在所有浏览器中都可以正常工作，除了IE *和更老的当然。

我的解决方案是创建一个Flash FallBack来播放SWF文件，如果浏览器是IE。不幸的是我能够写这个并且有人可以帮助我实现这个目标。请参阅下面的HTML文件：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CreateJS export from cwtXmasCard2013</title>

<script src="http://code.createjs.com/easeljs-0.6.0.min.js"></script>
<script src="http://code.createjs.com/tweenjs-0.4.0.min.js"></script>
<script src="http://code.createjs.com/movieclip-0.6.0.min.js"></script>
<script src="http://code.createjs.com/preloadjs-0.3.0.min.js"></script>
<script src="cwtXmasCard2013.js"></script>

<script>
var canvas, stage, exportRoot;

function init() {
canvas = document.getElementById("canvas");
images = images||{};

var manifest = [
    {src:"images/Image.png", id:"Image"},
    {src:"images/Image_1.png", id:"Image_1"},
    {src:"images/Image_0.png", id:"Image_0"},
    {src:"images/CWT_HolidayCard.jpg", id:"CWT_HolidayCard"}
];

var loader = new createjs.LoadQueue(false);
loader.addEventListener("fileload", handleFileLoad);
loader.addEventListener("complete", handleComplete);
loader.loadManifest(manifest);
}

function handleFileLoad(evt) {
if (evt.item.type == "image") { images[evt.item.id] = evt.result; }
}

function handleComplete() {
exportRoot = new lib.cwtXmasCard2013();

stage = new createjs.Stage(canvas);
stage.addChild(exportRoot);
stage.update();

createjs.Ticker.setFPS(24);
createjs.Ticker.addEventListener("tick", stage);
}
</script>
</head>

<body onload="init();" style="background-color:#D4D4D4">
<canvas id="canvas" width="711" height="661" style="background-    color:#ffffff"></canvas>
</body>
</html>

为IE8创建FallBack for Flash

0 个答案: