本發(fā)明涉及視頻編輯技術(shù)領(lǐng)域，具體是一種基于html5的多軌道視頻編輯的方法及系統(tǒng)。

背景技術(shù)：

在廣電領(lǐng)域，非編是電視節(jié)目編輯人員必不可少的編輯工具，非編由于其數(shù)字化的記錄方式，強(qiáng)大的兼容性，方便的視頻剪輯、特效編輯方式，相對(duì)較少的投資等特點(diǎn)，已被業(yè)內(nèi)廣泛認(rèn)可。然而，目前的非編軟件還存在著以下的不足：

1、對(duì)電腦配置要求較高

多數(shù)非編軟件要求電腦需要64位操作系統(tǒng)，內(nèi)存至少8G或更大內(nèi)存；1G或更大的顯存，相對(duì)便宜的電腦很難以達(dá)到這樣高的要求，運(yùn)行軟件將會(huì)非常緩慢，尤其是在編輯高碼文件時(shí)，時(shí)常出現(xiàn)卡死的現(xiàn)象。

2、軟件出問(wèn)題時(shí)非常不便

由于非編軟件較龐大，一旦是軟件出現(xiàn)問(wèn)題須重裝時(shí)，既需要重新下載龐大的軟件安裝包，又需要重新配置環(huán)境，這樣需要耗費(fèi)大量的人力和時(shí)間，對(duì)軟件的使用帶來(lái)不必要的麻煩。

3、冗余功能影響效率

對(duì)于一些實(shí)時(shí)性較強(qiáng)的新聞?lì)惞?jié)目，或一些不需要過(guò)度加工的節(jié)目而言，很多功能并不需要，然而軟件本身自帶的功能較多，較為龐大以至于偶爾會(huì)出現(xiàn)死機(jī)的情況，影響使用。

為了解決上述問(wèn)題，提高節(jié)目制作的效率，我們研究了一種基于Html5的多軌道視頻編輯的方法。

技術(shù)實(shí)現(xiàn)要素：

本發(fā)明的目的在于克服現(xiàn)有技術(shù)的不足，提供一種基于html5的多軌道視頻編輯的方法及系統(tǒng)。具有使用輕便高效、跨平臺(tái)、跨瀏覽器、對(duì)環(huán)境配置要求相對(duì)較低的特點(diǎn)，最終達(dá)到編低碼出高碼的效果。

本發(fā)明的目的是通過(guò)以下技術(shù)方案來(lái)實(shí)現(xiàn)的：一種基于html5的多軌道視頻編輯的方法，包括以下步驟：

步驟S1：在本地支持html5的瀏覽器中利用http協(xié)議，將文件從服務(wù)器中下載到本地web瀏覽器中；

步驟S2：在時(shí)間線上裁剪和截取視頻段，利用圖像處理的算法進(jìn)行進(jìn)一步加工；

步驟S3：當(dāng)視頻播放的時(shí)候，實(shí)時(shí)捕獲每一幀的畫面，在編輯窗口做相應(yīng)的特效編輯，同時(shí)，將加入的圖片掛件及藝術(shù)字進(jìn)行修改編輯；

步驟S4：將制作之后的低碼文件傳入后臺(tái)處理服務(wù)器進(jìn)行進(jìn)一步后臺(tái)制作；

步驟S5：后臺(tái)處理服務(wù)器將制作好的視頻重新回傳至數(shù)據(jù)庫(kù)服務(wù)器中。

所述步驟S1中所述將文件下載方式為拖曳，直接在網(wǎng)頁(yè)上進(jìn)行視頻編輯。

所述步驟S2中所述視頻裁剪和截取，在時(shí)間線上實(shí)現(xiàn)實(shí)時(shí)定位采用手動(dòng)操作進(jìn)行粗略定位或使用時(shí)碼精確到定位幀編輯點(diǎn)；各段素材的相互位置能夠隨意調(diào)整，在編輯過(guò)程中，能夠在任何時(shí)候刪除節(jié)目中的某一軌或多軌鏡頭，或者向節(jié)目中的任一位置插入一段素材，能夠?qū)崿F(xiàn)磁帶編輯中常用的插入和組合編輯，在剪輯多機(jī)拍攝的多軌素材或同一場(chǎng)景多次拍攝的素材時(shí)，在編輯系統(tǒng)中采用軟切換的方法將多段視頻整合到一條視頻中，以此模擬切換臺(tái)的功能，切點(diǎn)可根據(jù)節(jié)目要求任意設(shè)定。

所述步驟S3中所述特效編輯，利用canvas技術(shù)模塊進(jìn)行特效編輯，利用CSS3技術(shù)對(duì)圖片掛件、藝術(shù)字字體、字號(hào)進(jìn)行修改編輯。

所述步驟S4中所述低碼文件傳入后臺(tái)服務(wù)器處理，先利用像素較低的素材進(jìn)行初步編輯，生成json文件，然后后臺(tái)服務(wù)器用高質(zhì)量的素材替換對(duì)應(yīng)的低質(zhì)量素材，再對(duì)節(jié)目進(jìn)行正式合成。

一種基于html5的多軌道視頻編輯系統(tǒng)，包括如下模塊：資源管理庫(kù)、特效模板、視頻播放器和可視化編輯模塊，資源管理庫(kù)提供視頻原始素材或編輯之后存檔的視頻素材，特效模板添加特效功能，通過(guò)視頻播放器和可視化編輯模塊實(shí)時(shí)播放正在編輯的視頻。

本發(fā)明的有益效果是：使節(jié)目制作人員只要有瀏覽器便能通過(guò)網(wǎng)絡(luò)編輯視頻文件，具有使用輕便高效、跨平臺(tái)、跨瀏覽器、對(duì)環(huán)境配置要求相對(duì)較低的特點(diǎn)，并且達(dá)到了編低碼出高碼的效果。

附圖說(shuō)明

圖1為本發(fā)明一種基于html5的多軌道視頻編輯的方法流程圖；

圖2為本發(fā)明一種基于html5的多軌道視頻編輯的系統(tǒng)框圖；

圖3為本發(fā)明數(shù)據(jù)流程圖。

具體實(shí)施方式

下面結(jié)合附圖進(jìn)一步詳細(xì)描述本發(fā)明的技術(shù)方案，但本發(fā)明的保護(hù)范圍不局限于以下所述。

如圖1所示，一種基于html5的多軌道視頻編輯的方法，包括如下步驟：

步驟S1：在本地支持html5的瀏覽器中利用http協(xié)議，將文件從服務(wù)器中下載到本地web瀏覽器中；

步驟S2：在時(shí)間線上裁剪和截取視頻段，利用圖像處理的算法進(jìn)行進(jìn)一步加工；

步驟S3：當(dāng)視頻播放的時(shí)候，實(shí)時(shí)捕獲每一幀的畫面，在編輯窗口做相應(yīng)的特效編輯，同時(shí)，將加入的圖片掛件及藝術(shù)字進(jìn)行修改編輯；

步驟S4：將制作之后的低碼文件傳入后臺(tái)處理服務(wù)器進(jìn)行進(jìn)一步后臺(tái)制作；

步驟S5：后臺(tái)處理服務(wù)器將制作好的視頻重新回傳至數(shù)據(jù)庫(kù)服務(wù)器中。

所述步驟S1中所述將文件下載方式為拖曳，直接在網(wǎng)頁(yè)上進(jìn)行視頻編輯。

所述步驟S2中所述視頻裁剪和截取，在時(shí)間線上實(shí)現(xiàn)實(shí)時(shí)定位采用手動(dòng)操作進(jìn)行粗略定位或使用時(shí)碼精確到定位幀編輯點(diǎn)，不需要像磁帶編輯系統(tǒng)那樣花費(fèi)大量時(shí)間卷帶搜索，大大地提高了編輯效率；各段素材的相互位置能夠隨意調(diào)整，在編輯過(guò)程中，能夠在任何時(shí)候刪除節(jié)目中的某一軌或多軌鏡頭，或者向節(jié)目中的任一位置插入一段素材，能夠?qū)崿F(xiàn)磁帶編輯中常用的插入和組合編輯，在剪輯多機(jī)拍攝的多軌素材或同一場(chǎng)景多次拍攝的素材時(shí)，在編輯系統(tǒng)中采用剪切拼接等軟切換的方法將多段視頻整合到一條視頻中，以此模擬切換臺(tái)的功能，切點(diǎn)可根據(jù)節(jié)目要求任意設(shè)定。

所述步驟S3中所述特效編輯，利用canvas技術(shù)模塊進(jìn)行特效編輯，利用CSS3技術(shù)對(duì)圖片掛件、藝術(shù)字字體、字號(hào)進(jìn)行修改編輯。

所述步驟S4中先在本機(jī)利用像素較低的素材進(jìn)行草編，生成json文件，然后在后臺(tái)服務(wù)器用高質(zhì)量的素材替換對(duì)應(yīng)的低質(zhì)量素材，再對(duì)節(jié)目進(jìn)行正式合成。這樣既保證了處理速度也保證了輸出視頻文件的清晰度。

如圖2所示，一種基于html5的多軌道視頻編輯系統(tǒng)，包括資源管理庫(kù)、特效模板、視頻播放器和可視化編輯模塊，用戶在資源管理庫(kù)中編輯素材或存儲(chǔ)已經(jīng)編輯完成的視頻文件，并從資源管理庫(kù)中提取視頻原始素材或編輯之后存檔的視頻素材，通過(guò)特效模板添加特效功能，同時(shí)利用B/S網(wǎng)絡(luò)結(jié)構(gòu)模式，將視頻傳入到Web服務(wù)器、后臺(tái)處理服務(wù)器和數(shù)據(jù)庫(kù)服務(wù)器進(jìn)行進(jìn)一步處理，使節(jié)目制作人員使用瀏覽器便能通過(guò)網(wǎng)絡(luò)編輯視頻文件，實(shí)時(shí)同步播放視頻，將編輯完成的視頻在后臺(tái)服務(wù)器利用圖像處理算法進(jìn)一步處理，再回傳到數(shù)據(jù)庫(kù)服務(wù)器。

如圖3所示，用戶利用Web瀏覽器向Web服務(wù)器發(fā)出Http請(qǐng)求，Web服務(wù)器向數(shù)據(jù)庫(kù)服務(wù)器發(fā)送SQL請(qǐng)求，同時(shí)數(shù)據(jù)庫(kù)服務(wù)器回傳數(shù)據(jù)到Web服務(wù)器，Web服務(wù)器再通過(guò)Http協(xié)議回傳到Web瀏覽器，實(shí)現(xiàn)在線視頻編輯，將初步編輯完成視頻采用Http協(xié)議傳入后臺(tái)處理服務(wù)器進(jìn)一步處理。