HTML5技術在融媒體平臺建設中的運用

趙志明

(晉中廣播電視臺 山西 晉中 030600)

0 引言

當今社會，互聯(lián)網(wǎng)絡技術快速發(fā)展，包括移動電視、微信、手機APP、數(shù)字報刊等新興媒體已經(jīng)成為人們獲取信息的主要方式。與此同時，傳統(tǒng)媒體逐漸失去其對原有用戶的吸引力。各級各地媒體機構都在積極尋求出路，統(tǒng)一謀求媒體融合發(fā)展的思路，發(fā)揮傳統(tǒng)媒體與新興媒體的各自優(yōu)勢，運用新的網(wǎng)絡信息技術與新興媒體平臺相融合建立的新平臺更方便、更科學、更具有特色。這樣才能充分發(fā)揮資源優(yōu)勢，又結(jié)合創(chuàng)新，給自身爭取到生存的活力。網(wǎng)頁技術是新興媒體主要賴以生存的技術之一，而網(wǎng)頁技術的核心是HTML，尤其是HTML5技術標準的建立，已經(jīng)成為網(wǎng)頁的主流技術，成為新興媒體不可或缺的技術支撐和手段。HTML5技術的深入研究和充分利用一定會為融合媒體平臺的建設提供堅實的技術基礎，從而使得融合媒體平臺的發(fā)展更具廣闊的空間。

1 HTML5的發(fā)展歷程

1.1 什么是HTML5

HTML(Hyper Text Markup Language)是一種超文本標記語言，它是一種規(guī)范，也是一種標準[1]。HTML具有很多優(yōu)點：如簡易性、可擴展性、通用性等等，使得它逐漸成為網(wǎng)頁標記的主流，甚至替代了由C語言編程來架構的部分網(wǎng)站。

到目前為止，HTML已經(jīng)經(jīng)歷了5次改版，HTML5是HTML的第五次改版，是由眾多廠商聯(lián)合開發(fā)出來的產(chǎn)品并且不斷進行完善，解決了早期版本結(jié)構混亂，不易閱讀，代碼臃腫，并通過新增語義化的布局標簽，使布局的網(wǎng)頁結(jié)構清晰明了，同時增加了對音、視頻、繪圖、動畫等功能的支持，使得做出的網(wǎng)頁更加酷炫。

HTML5主要技術由四大塊構成，即由HTML、API、JavaScript、css3等技術組成的[2]。目前，MAC、IPHONE、PC、安卓等主流傳媒平臺都包含有HTML5的運行，HTML5也獲得了很多不同瀏覽器技術平臺的支持。

1.2 HTML5的優(yōu)勢

1) 對音、視頻的支持

一直以來，開發(fā)者最頭痛的事情，是如何實現(xiàn)多媒體文件的播放。而HTML5的出現(xiàn)，解決了這一困擾開發(fā)者的難題，它為多媒體音、視頻文件的使用提供了更廣泛、便捷的技術支持。一方面它通過增加

目前支持的音、視頻格式有：音頻為Ogg Vorbis、MP3、wav，視頻為Ogg、MPEG4、WebM，使用 Source元素可以鏈接不同的視頻文件，可以確保在不同的瀏覽器中都有可識別的格式。

2) 定位功能

通過全球定位系統(tǒng)GPS或網(wǎng)絡信息實現(xiàn)對用戶的定位功能可以在引入Geolocation的API中更加精準快速，同時也可以精準定位對你開放信息的人的位置[4]。所制作的APP安裝包占用空間很小，對設備的緩存不會造成任何壓力。

3) 跨平臺性

HTML5研發(fā)出現(xiàn)之前，由于網(wǎng)絡平臺形形色色，每一套產(chǎn)品的研發(fā)利用，必須針對相應的平臺研發(fā)多套版本與之匹配，如此，必然消耗太多的人力物力，同時投資成本也會大大提高。HTML5技術的研發(fā)出現(xiàn)，直接快速地解決了這個困擾已久的問題。網(wǎng)頁開發(fā)者僅僅需要一套程序，就可以實現(xiàn)在多個不同平臺的展現(xiàn)，不僅省力便捷，而且降低了研發(fā)的人力物力財力的投入[5]。

4) 離線緩存功能

HTML5 通過Cache Manifest文件的創(chuàng)建，可以輕松地創(chuàng)建Web應用離線版本[5]。用戶在訪問WEB應用時對所訪問內(nèi)容進行本地化存儲，這樣沒有網(wǎng)絡連接時也可獲取相關信息。更加方便了用戶，使得我們的服務對象在應用離線時工作更輕松、更便捷、更快速，實現(xiàn)緩存資源加載速度加快，服務器原有的負載減少的目的。

2 HTML5在融媒體平臺建設中的應用

2.1 融媒體平臺建設背景

隨著信息技術的快速發(fā)展，特別是在以移動互聯(lián)網(wǎng)為主的微信、微博及手機APP的廣泛應用，新興媒體的影響力也在不斷加大。據(jù)統(tǒng)計，到2020年6月為止，全國的網(wǎng)民數(shù)量高達9.4億，而在這龐大的數(shù)字中，手機移動客戶端的網(wǎng)民數(shù)量占到9.32億，估算一下，國民用手機上網(wǎng)人數(shù)比例高達99.2%，這一龐大的群體給傳統(tǒng)媒體帶來了前所未有的沖擊[6]。而融合媒體平臺建設就是以新媒體的建設為主要目標，以云計算、大數(shù)據(jù)等網(wǎng)絡新技術為支撐，將傳統(tǒng)媒體與新興媒體相融，融合后的新平臺更具有時代優(yōu)勢，更能為國民提供便捷。

2.2 融媒體平臺建設思路

按照國家新聞出版廣播總局關于《廣播電臺、電視臺融合媒體平臺建設技術白皮書》技術架構建設標準，結(jié)合本地實際發(fā)展情況，具體建設內(nèi)容如下：

1) 傳統(tǒng)媒體制作平臺。主要是進行本地化部署，大多采用分布式網(wǎng)絡架構形成的局域網(wǎng)絡制作平臺，平臺對網(wǎng)絡中的設備硬件、網(wǎng)絡帶寬有更高的要求，需對網(wǎng)絡平臺中的系統(tǒng)資源進行合理的調(diào)配，以滿足節(jié)目制作的需要。

2) 新媒體制作平臺。是基于互聯(lián)網(wǎng)絡的平臺，在本地只需簡單部署，大部分業(yè)務由互聯(lián)網(wǎng)絡運營商及第三方服務商提供，如阿里云、騰訊、百度等，提供信息匯聚與發(fā)布等服務。對平臺中的硬件及網(wǎng)絡帶寬要求不高，媒體信息的制作多為第三方提供模板，本地進行信息更新。

3) 融媒體生產(chǎn)指揮平臺。是以實現(xiàn)兩個平臺互連互通、信息資源共享為目地，并對兩個平臺內(nèi)的媒體信息進行統(tǒng)一管理與指揮，使得媒體信息通過多種渠道匯聚，統(tǒng)一生產(chǎn)，不同平臺的發(fā)布，并且根據(jù)制作形式進行定制化的推送。

2.3 HTML5的應用

1) 實現(xiàn)對平臺硬件的監(jiān)測。包括融媒體平臺硬件中的CPU內(nèi)存利用率、CPU分配比、網(wǎng)絡吞吐量、內(nèi)存分配比、共享存儲分配比、可回收資源進行監(jiān)測，對系統(tǒng)平臺的健康度進行分析，并以線性或柱狀等圖形進行顯示(如圖1)。

圖1 融媒體平臺系統(tǒng)監(jiān)測頁面

2) 實現(xiàn)數(shù)據(jù)資源共享。通過鏈接相關網(wǎng)絡數(shù)據(jù)，實現(xiàn)數(shù)據(jù)資源共享，如：天氣預報、微信排行榜、突發(fā)新聞、新聞線索等數(shù)據(jù)資源，為新聞指揮調(diào)度提供方向(如圖2)。

圖2 融媒體平臺新聞匯聚

3) 實現(xiàn)定位功能。使用百度地圖將外出記者當前地理位置顯示在指揮調(diào)度中心大屏上，為新聞指揮調(diào)度員在突發(fā)事件發(fā)生時，及時調(diào)用附近人員進行新聞報道，提高新聞的時效性(如圖3)。

圖3 新聞采訪人員地理位置圖

通過4G或無線信號將現(xiàn)場視、音頻信號傳回指揮中心用于新聞現(xiàn)場直播并對信號進行實時錄制，實現(xiàn)素材共享。

4) 實現(xiàn)圖形顯示。記者所報題目以列表形式呈現(xiàn)在大屏上，由指揮調(diào)度人員進行選題報道審核，通過后記者方可進行新聞采、編，完成通過后的成品發(fā)送到播出平臺進行播出。所有過程以進度條的方式顯示在大屏上，以便指揮調(diào)試人員時刻了解節(jié)目制作進度(如圖4)。

圖4 現(xiàn)場視頻回傳與節(jié)目采編審批流程進度

根據(jù)不同業(yè)務的個性需求，通過后臺數(shù)據(jù)云端融合處理與分析，對于業(yè)務所需要的任務和內(nèi)容以及互動反饋等多種信息進行整合加工、分析處理，最后運用標準化的格式以具有個性特色的風格在融媒體生產(chǎn)指揮平臺中的大屏進行展示。

5) 可使新媒體制作與運行更加規(guī)范。相對傳統(tǒng)媒體而言，可以實現(xiàn)新媒體內(nèi)容的結(jié)構化，并且促使未來的新媒體技術越來越規(guī)范，越來越標準，HTML標簽中的網(wǎng)絡信息傳遞，可以更加容易地建立目錄索引，更便捷地被搜索到[4]。

通過對音、視頻設計的規(guī)范，以及數(shù)據(jù)離線緩存功能的增加,可以使用戶在訪問新媒體信息時瀏覽更加便捷高效,同時也減少了用戶訪問網(wǎng)絡時所產(chǎn)生的流量消耗。

3 HTML5的不足之處

1)對網(wǎng)絡運行環(huán)境要求較高，HTML5在目前網(wǎng)絡技術條件下易受到網(wǎng)絡傳輸速率的影響，使其在動態(tài)與交互展示上受到極大的限制，影響到用戶的體驗。

2)新聞時效性得不到保證，因為常用瀏覽器、終端平臺對HTML5技術的支持程度不一，為達到應用一次開發(fā)，跨平臺運行的目的，使得制作周期延長，因此不適用于突發(fā)性新聞事件的傳播。

4 結(jié)論

隨著互聯(lián)網(wǎng)絡與新媒體的快速發(fā)展，HTML5技術也在互聯(lián)網(wǎng)絡發(fā)展中不斷的進行升級改版，提升自已的優(yōu)勢，特別是在圖形處理方面展現(xiàn)出非常明顯的應用優(yōu)勢，使其已經(jīng)成為互聯(lián)網(wǎng)絡的主流技術，未來隨著網(wǎng)絡技術的更新以及硬件的提升，HTML5技術會展現(xiàn)出更強的應用價值。