HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 標(biāo)準(zhǔn)的 HTML 標(biāo)準(zhǔn)版本，利用會(huì)聲會(huì)影視頻編輯軟件可以制作出HTML5視頻。本集將具體講解如何制作。

圖：html5基于網(wǎng)頁(yè)視頻輸出

HTML5 視頻有很多優(yōu)勢(shì)。無(wú)需 JavaScript 或 ActionScript 代碼，因?yàn)槟恍枰?biāo)記和參數(shù)。它是一個(gè)瀏覽器元素，不是一個(gè)插件。這意味著如果您使用 JavaScript 代碼，頁(yè)面完全載入后視頻就準(zhǔn)備好了，您不需要等待插件加載。雖然會(huì)有例外，但 API 都是標(biāo)準(zhǔn)化的，可以跨所有瀏覽器運(yùn)行。由于它是一個(gè)本地元素，因此不可能與插件起沖突 — 就是說(shuō)不影響顯示，比如視頻不會(huì)干擾滾動(dòng)條。

那么如何將基于HTML5的視頻將視頻導(dǎo)出為網(wǎng)頁(yè)播放呢？具體操作如下：

一、進(jìn)入會(huì)聲會(huì)影編輯器，執(zhí)行【文件】---【新建HTML5項(xiàng)目】命令。

圖1：新html5項(xiàng)目

二、在視頻軌中添加3張素材圖片。

圖2：添加三張素材

三、進(jìn)入轉(zhuǎn)場(chǎng)素材庫(kù)，為制作影片轉(zhuǎn)場(chǎng)。選擇“溶解”轉(zhuǎn)場(chǎng)，單擊鼠標(biāo)右鍵，執(zhí)行【對(duì)背景軌應(yīng)用當(dāng)前效果】命令。

圖3：添加轉(zhuǎn)場(chǎng)

四、單擊“標(biāo)題”按鈕，為影片添加字幕。然后在預(yù)覽窗口中雙擊鼠標(biāo)，進(jìn)入輸入模式，輸入內(nèi)容“會(huì)聲會(huì)影”。

圖4：輸入文字

五、用同樣的方法繼續(xù)插入兩個(gè)標(biāo)題素材，分別為“會(huì)聲會(huì)影X5中文版”和“http://www.mybestyear.cn/”，并與圖片一一對(duì)應(yīng)。

圖5：繼續(xù)插入素材

六、分別選擇標(biāo)題軌的素材，右擊選擇“添加鏈接”。

圖6：添加鏈接

更多步驟請(qǐng)參見(jiàn)會(huì)聲會(huì)影如何導(dǎo)出-基于HTML5的網(wǎng)頁(yè)視頻輸出（下）