會(huì)聲會(huì)影導(dǎo)出-基于HTML5的網(wǎng)頁視頻輸出上

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

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

HTML5視頻制作方法

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

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

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

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

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

圖2：添加三張素材

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

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

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

圖4：輸入文字

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

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

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

圖6：添加鏈接

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

• 會(huì)聲會(huì)影X9注冊(cè)機(jī)：一鍵激活，輕松使用專業(yè)視頻編輯軟件
• 會(huì)聲會(huì)影所有版本的教程大合集
• 會(huì)聲會(huì)影歷史版本下載大全
• 【會(huì)聲會(huì)影x7】 新年祝福視頻教程（下）
• 會(huì)聲會(huì)影X5制作視頻邊框覆疊效果視頻教程