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

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

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

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

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

圖1：新html5項目

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

圖2：添加三張素材

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

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

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

圖4：輸入文字

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

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

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

圖6：添加鏈接

更多步驟請參見會聲會影如何導(dǎo)出-基于HTML5的網(wǎng)頁視頻輸出（下）