隨著HTML5技術(shù)的逐步普及，F(xiàn)lash技術(shù)現(xiàn)在已經(jīng)逐漸被HTML5所代替。而對(duì)于使用Flash技術(shù)開(kāi)發(fā)的網(wǎng)頁(yè)來(lái)說(shuō)，如何將其轉(zhuǎn)換成HTML5格式成為了現(xiàn)在最為關(guān)注的話題之一。下面介紹一下Flash轉(zhuǎn)HTML5的一些常用代碼。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Flash轉(zhuǎn)HTML5網(wǎng)頁(yè)代碼</title>
<!-- 引入swfobject.js -->
<script src="js/swfobject.js"></script>
<!-- 引入swfaddress.js -->
<script src="js/swfaddress.js"></script>
<!-- 引入swffit.js -->
<script src="js/swffit.js"></script>
</head>
<body>
<!-- 容器元素 -->
<div id="flash"></div>
<!-- Flash容器設(shè)置 -->
<script>
var flashvars = {
// Flash中的參數(shù)設(shè)置
};
var params = {
wmode: "opaque", // 背景透明模式
menu: "false" // Flash右鍵菜單不可用
};
swfobject.embedSWF("flash.swf", "flash", "800", "600", "11.0.0", false, flashvars, params);
</script>
<!-- Javascript監(jiān)聽(tīng)Flash事件 -->
<script>
function flashReady() {
// Flash準(zhǔn)備就緒
}
function flashComplete() {
// Flash播放完畢
}
function flashError() {
// Flash加載失敗
}
swfobject.addDomLoadEvent(function() {
var flashObject = swfobject.getObjectById("flash");
flashObject.addEventListener("ready", flashReady, false);
flashObject.addEventListener("complete", flashComplete, false);
flashObject.addEventListener("error", flashError, false);
});
</script>
<!-- URL地址解析代碼 -->
<script>
function parseUrl() {
var title = swfaddress.getTitle();
var path = swfaddress.getPath();
var params = swfaddress.getParams();
// 根據(jù)URL參數(shù)做出相應(yīng)處理
}
swfaddress.addEventListener(SWFAddressEvent.CHANGE, parseUrl);
</script>
<!-- 容器自適應(yīng)代碼 -->
<script>
var swffitOptions = {minSize: 400,maxSize: 800};
swffit.fit("flash", 800, 600, swffitOptions);
</script>
</body>
</html>以上是Flash轉(zhuǎn)HTML5常用代碼的介紹。其中，需要特別注意的是，針對(duì)移動(dòng)設(shè)備的Flash網(wǎng)頁(yè)，需要借助于一些第三方的庫(kù)來(lái)轉(zhuǎn)換。另外，還要注意將原有的Flash內(nèi)容進(jìn)行適當(dāng)調(diào)整，以便轉(zhuǎn)換成為HTML5所支持的格式。