劉登福+湯衛(wèi)鋒+陸春曉

摘 要 隨著移動端的迅速發(fā)展，微信視頻直播已成為時(shí)下最熱門的直播模式，傳統(tǒng)的電視直播模式受到了很大沖擊。文章從縣級電視臺視角出發(fā)，結(jié)合實(shí)際操作經(jīng)驗(yàn)，介紹了電視互動直播在手機(jī)微信端的應(yīng)用技術(shù)實(shí)現(xiàn)，分析了視頻直播在采集推流、視頻云的接收與播發(fā)、H5頁面的開發(fā)制作、網(wǎng)友互動體驗(yàn)等方面的思路架構(gòu)和技術(shù)要點(diǎn)。

關(guān)鍵詞 縣級電視臺；微信直播；視頻云；視頻采集；視頻編碼；H5開發(fā)；微信互動

中圖分類號 G2 文獻(xiàn)標(biāo)識碼 A 文章編號 2096-0360（2017）21-0012-02

視頻直播一直是電視臺的強(qiáng)項(xiàng)能力，然而隨著如今移動端的迅速發(fā)展，不單純依賴傳統(tǒng)電視機(jī)的收視模式，使得電視臺，尤其是縣級臺在視頻直播的影響力頗受影響。依靠手機(jī)App方式向用戶展現(xiàn)電視臺內(nèi)容是現(xiàn)在多數(shù)臺的做法，然而作為縣級臺，由于各方面因素的制約，做手機(jī)App投入太大。而依托微信入口、公眾號推文、朋友圈等擴(kuò)散，引導(dǎo)用戶進(jìn)入直播頁面，實(shí)現(xiàn)視頻直播在手機(jī)端的展現(xiàn)，能夠很好地?cái)U(kuò)大直播的影響力。接下來就具體實(shí)現(xiàn)方法作介紹。

1 系統(tǒng)架構(gòu)

麻雀雖小，五臟俱全。再小的功能如果不在架構(gòu)層做好充分的規(guī)劃，后期將會產(chǎn)生各種瓶頸和制約，整修也是非常困難，對開發(fā)人員來說是災(zāi)難性的，而且出錯(cuò)的概率也會比較高，所以一定要在架構(gòu)方面多下功夫。

目前常熟電視臺微信視頻直播主要分為直播現(xiàn)場、轉(zhuǎn)播車、視頻采集、編碼、推流、云直播服務(wù)器和微信直播活動頁面H5等7個(gè)步驟。

在云端充分使用現(xiàn)有阿里云和騰訊云的基礎(chǔ)功能，結(jié)合實(shí)際需求開發(fā)出一系列適合微信客戶端內(nèi)訪問的直播活動頁面。該頁面主要實(shí)現(xiàn)了靜態(tài)動態(tài)資源的分布式部署。

1）視頻播放源：由視頻云提供，得益于云廠商的強(qiáng)大處理能力和高帶寬，可以實(shí)現(xiàn)用戶流暢不卡頓觀看視頻直播。

2）靜態(tài)資源：如HTML、JS、CSS，圖片等靜態(tài)文件都存放在云端OSS平臺上，并做了CDN加速，讓用戶能最快打開活動頁面。

3）動態(tài)內(nèi)容：通過云api方式供活動頁面js調(diào)用，api網(wǎng)關(guān)能夠合理有效地防止黑客攻擊，后端多臺服務(wù)器通過負(fù)載均衡實(shí)現(xiàn)極速提供內(nèi)容。

2 視頻源采集

將總控臺的sdi信號輸入采集電腦，采集電腦可使用配置高的工作站。sdi信號源介入采集電腦的專用采集卡（如osprey），設(shè)置好相關(guān)參數(shù)。采集電腦用的是win7操作系統(tǒng)，編碼軟件使用OBS，OBS可以自定義采集尺寸，視頻碼率，音頻碼率等詳細(xì)配置。通過OBS推送到騰訊云的視頻服務(wù)器上。由于是微信端播放，建議視頻碼率是1 000k左右，音頻碼率為64k即可，畫面16︰9，尺寸720p，25幀。

3 視頻推送

鑒于視頻下行帶寬要求比較高，不建議自建視頻服務(wù)器。市面上目前云視頻服務(wù)器能夠很好的支持視頻直播和點(diǎn)播服務(wù)。比較常見的有阿里云視頻點(diǎn)播直播、騰訊云視頻點(diǎn)播直播等。我們使用的是騰訊云的視頻點(diǎn)播直播服務(wù)。登錄騰訊云后臺，創(chuàng)建新的直播服務(wù)，配置好下行播出碼率、尺寸、比率，建議和視頻采集時(shí)的設(shè)置相同。創(chuàng)建完成后得到一個(gè)推流地址，使用采集電腦的OBS軟件向該地址推流，正常情況下預(yù)覽能看到成功畫面。

4 H5頁面調(diào)用

不同于傳統(tǒng)網(wǎng)站的頁面播放視頻需要用flash播放器?，F(xiàn)在絕大多數(shù)移動端是不支持flash播放器的。所以我們采用H5的video原生播放器來播放視頻。由于移動客戶端的多樣性，有ios系統(tǒng)、安卓系統(tǒng)、微軟系統(tǒng)等，調(diào)用云直播輸出地址的.m3u8鏈接能夠較好兼容各個(gè)系統(tǒng)。H5頁面的video標(biāo)簽里有一個(gè)autoplay屬性，可以使視頻自動播放，但是在微信客戶端內(nèi)autoplay是無法正常工作的，目前可以調(diào)用微信的接口在頁面加載成功觸發(fā)video的play事件來達(dá)到自動播放的效果。

5 360攝像頭的直播調(diào)用

使用360攝像頭作為輸入端，可以達(dá)到最簡便的視頻現(xiàn)場直播效果。360攝像頭直播的好處是無需采集電腦端和視頻云服務(wù)器。只需一個(gè)360攝像頭，聯(lián)網(wǎng)后在360攝像頭的管理頁面打開公開視頻功能。我們可以調(diào)用它開放的api，通過360攝像頭的sn編碼獲取直播流的相關(guān)信息，然后把直播流寫入H5頁面，同樣能實(shí)現(xiàn)視頻直播。

6 記者發(fā)帖

在置頂視頻直播的同時(shí)，授權(quán)用戶（記者）可使用手機(jī)拍下照片或者短視頻上傳到本直播活動中來，全部的操作在手機(jī)端即可實(shí)現(xiàn)，快捷方便。更有利地為主畫面做好了配套效果，展現(xiàn)主畫無法涵蓋的內(nèi)容，豐富用戶收看體驗(yàn)。記者發(fā)帖中視頻有兩種上傳方式，一是上傳原始視頻文件，傳統(tǒng)方式下如果記者上傳的原始視頻文件拋開文件大小不談，服務(wù)器要轉(zhuǎn)碼輸出的工作量也是比較大的。所以我們沒有采用這種方式，而是在記者端的H5頁面上采用上傳。

7 網(wǎng)友互動

用戶除了觀看直播外，還可以通過直播頁面上的留言區(qū)塊發(fā)表評論，管理員可以審核通過評論。同時(shí)還設(shè)置了微信紅包功能，用戶在參與觀看和發(fā)表評論期間，管理員可以定期或不定期發(fā)送紅包，用戶點(diǎn)擊可以搶到紅包。

8 宣傳推廣

活動鏈接可以通過在微信推文，朋友圈分享、發(fā)送給朋友的形式對外公布，或者將活動鏈接生成二維碼粘貼在活動現(xiàn)場，供用戶掃碼進(jìn)入，擴(kuò)大參與人數(shù)。

以上為常熟電視臺在微信直播方面做的一些實(shí)際操作與探索，未來將結(jié)合軟硬件的發(fā)展，5G網(wǎng)絡(luò)的普及，動態(tài)直播，虛擬現(xiàn)實(shí)技術(shù)的應(yīng)用等手段，相信能為用戶提供更好的直播體驗(yàn)。endprint