HTML5技術(shù)在融媒體平臺(tái)建設(shè)中的運(yùn)用分析

歐冬梅

岑溪市中等專(zhuān)業(yè)學(xué)校，廣西岑溪，543200

0 引言

全球各類(lèi)媒體機(jī)構(gòu)在長(zhǎng)期的實(shí)踐與發(fā)展中逐步尋求統(tǒng)一融合的發(fā)展模式，將傳統(tǒng)媒體和新媒體兩者的優(yōu)點(diǎn)和長(zhǎng)處加以開(kāi)發(fā)利用，并以此來(lái)實(shí)現(xiàn)廣大客戶群對(duì)網(wǎng)絡(luò)信息與新媒體技術(shù)相結(jié)合的需求。不斷演進(jìn)的媒體平臺(tái)，必須構(gòu)建更便捷、更科學(xué)、更具表現(xiàn)力的新平臺(tái)?；ヂ?lián)網(wǎng)技術(shù)是新媒體所依賴的主要技術(shù)之一，而互聯(lián)網(wǎng)技術(shù)的核心是HTML，尤其是HTML5技術(shù)標(biāo)準(zhǔn)的推出，已經(jīng)成為網(wǎng)絡(luò)技術(shù)的主流，成為新媒體不可或缺的技術(shù)和媒體支撐。深入研究和充分利用HTML5技術(shù)，必將為融合媒體平臺(tái)的建設(shè)提供堅(jiān)實(shí)的技術(shù)基礎(chǔ)，拓寬融合媒體平臺(tái)的發(fā)展空間。HTML5技術(shù)對(duì)標(biāo)桿新聞媒體的模式具有十分重要的意義，也在一定程度上提升了用戶的體驗(yàn)感和滿意度。隨著移動(dòng)設(shè)備越來(lái)越多地使用主流媒體，融合媒體正在通過(guò)媒體載體適應(yīng)廣播和電視的共性，同時(shí)與其他媒體形成互補(bǔ)[1]。在此基礎(chǔ)上，可以進(jìn)行H5產(chǎn)品在融媒體中的設(shè)計(jì)與開(kāi)發(fā)。

1 H5的發(fā)展歷程及基本模式

2014年初，H5首次出現(xiàn)在營(yíng)銷(xiāo)和廣告領(lǐng)域。目前，H5在微信好友中被廣泛分享。H5的影響力滲透到各個(gè)方面，如品牌發(fā)布、短期營(yíng)銷(xiāo)、會(huì)議公告、新聞、歷史公告、游戲、新品推廣活動(dòng)以及突發(fā)事件等。總的來(lái)說(shuō)，H5主要涵蓋圖文、游戲、交互、視頻和模擬。HTML5包括API、CSS3HTML、JavaScript技術(shù)等[2]。目前，PC、Android、MAC、IPHONE等常見(jiàn)的多媒體平臺(tái)都支持HTML5，而HTML5同樣也得到了很多不同瀏覽器技術(shù)平臺(tái)的支持。

1.1 HTML5的優(yōu)點(diǎn)

1.1.1 音、視頻的支持

一直以來(lái)令開(kāi)發(fā)者頭疼的難題就是對(duì)音、視頻的支持，以及如何實(shí)現(xiàn)多媒體文件的播放。HTML5的出現(xiàn)解決了這個(gè)問(wèn)題，為多媒體音、視頻文件的使用提供了更全面、更便捷的技術(shù)支持。一方面，通過(guò)加入〈video〉和〈audio〉等多媒體元素，可以支持多媒體文件，實(shí)現(xiàn)不使用第三方插件播放文件的功能；另一方面，瀏覽器中的加載速度比以前快得多[3]。目前支持的音、視頻格式有：音頻為OggVorbis、wav、MP3；視頻有Ogg、MPEG4、WebM。使用Source元素組合不同的視頻文件，以供不同瀏覽器格式識(shí)別。

1.1.2 定位功能

利用GPS來(lái)實(shí)現(xiàn)對(duì)用戶的網(wǎng)絡(luò)信息定位，可以較為準(zhǔn)確、快速地訪問(wèn)用戶需要的地理定位API，進(jìn)而更準(zhǔn)確地定位打開(kāi)消息的人[4]。對(duì)于正在運(yùn)行的APP，其安裝包所占用的空間比較小，一般不會(huì)對(duì)設(shè)備的緩存造成壓力。

1.1.3 跨平臺(tái)

在HTML5研發(fā)之前，不少網(wǎng)絡(luò)平臺(tái)由于其本身的多樣性，在每組產(chǎn)品的開(kāi)發(fā)與使用中，都需要配合不同平臺(tái)相對(duì)應(yīng)的版本進(jìn)行開(kāi)發(fā)，這會(huì)消耗較多的人力和物力，造成其投資成本大幅度增加。HTML5技術(shù)的出現(xiàn)有利于更直接、快速地解決這個(gè)問(wèn)題[5]。

1.1.4 離線緩存特性

HTML5通過(guò)創(chuàng)建CacheManifest文件對(duì)Web應(yīng)用程序的離線版本進(jìn)行創(chuàng)建。在用戶訪問(wèn)Web應(yīng)用的時(shí)候，其加載的內(nèi)容可能會(huì)存儲(chǔ)在本地，因此即使沒(méi)有網(wǎng)絡(luò)連接，也可能會(huì)得到相關(guān)的信息。對(duì)于一些用戶而言，服務(wù)對(duì)象在離線時(shí)會(huì)更方便、快捷地下載資源，這樣就會(huì)減少服務(wù)器的初始負(fù)載。

1.2 HTML5的缺點(diǎn)

1.2.1 對(duì)網(wǎng)絡(luò)運(yùn)行環(huán)境要求高

在當(dāng)前網(wǎng)絡(luò)的技術(shù)條件下，HTML5容易受到網(wǎng)絡(luò)傳輸速度的影響，嚴(yán)重限制了其動(dòng)態(tài)和交互的展示，影響了用戶體驗(yàn)。

1.2.2 信息時(shí)效性不強(qiáng)

由于常見(jiàn)瀏覽器和終端設(shè)備平臺(tái)對(duì)HTML5的支持程度不同，無(wú)法保證消息的時(shí)效性。為了達(dá)到一次應(yīng)用開(kāi)發(fā)、多平臺(tái)運(yùn)行的目的，拉長(zhǎng)了生產(chǎn)周期，不適合突然創(chuàng)新。

2 H5的技術(shù)特點(diǎn)

2.1 表現(xiàn)力

最初，由于開(kāi)發(fā)H5的成本比較高，而且在編程技能上有一定的要求，H5主打廣告和營(yíng)銷(xiāo)，極少數(shù)用H5制作商業(yè)網(wǎng)站。2015年以來(lái)，隨著iH5人人秀、易企秀、MAKA兔展等一批第三方H5平臺(tái)的問(wèn)世，而且在市場(chǎng)上慢慢被使用，H5在開(kāi)發(fā)上不需要掌握煩瑣的編程技巧，只需通過(guò)一個(gè)第三方平臺(tái)，就可以使全部網(wǎng)友都能使用H5第三方網(wǎng)站。相比傳統(tǒng)媒體的分發(fā)方式，在新媒體環(huán)境下，H5新聞分發(fā)主要通過(guò)手機(jī)進(jìn)行，可以插入音視頻、文字、網(wǎng)頁(yè)、直播、VR全景、圖表。

2.2 耐受性良好

H5技術(shù)比較突出的優(yōu)點(diǎn)是兼容性好。H5新聞作品具備同時(shí)兼容PC端和移動(dòng)端，而且平臺(tái)無(wú)法限制所展示的效果。消息閱讀器可以在QQ、微信、各種瀏覽器等應(yīng)用中傳播和閱讀。平臺(tái)的傳播不僅要產(chǎn)生指數(shù)傳播的效應(yīng)，還要最大程度地提高傳播的速度，之后擴(kuò)大傳播的影響。

2.3 低成本開(kāi)發(fā)

H5 Newsworks開(kāi)發(fā)成本低。一是與移動(dòng)網(wǎng)站和應(yīng)用程序相比，H5媒體開(kāi)發(fā)成本相較之下要低很多。H5技術(shù)不論媒體大小都可以使用。如今市場(chǎng)上有一大部分比較穩(wěn)定的第三方開(kāi)發(fā)平臺(tái)，以此實(shí)現(xiàn)更方便、更高效、更快速、可視化的開(kāi)發(fā)。二是新聞讀者閱讀H5新聞無(wú)需門(mén)檻。擁有智能手機(jī)的人不但可以閱讀H5消息而且可以轉(zhuǎn)發(fā)，極大程度上增加了消息傳播的影響力。

3 建設(shè)融媒體的重要性

融媒體是充分利用媒體載體，將不同媒體傳播載體的優(yōu)勢(shì)與不同媒體進(jìn)行互補(bǔ)，實(shí)現(xiàn)資源整合、內(nèi)容兼容、廣告整合、利益整合的新型媒體。財(cái)經(jīng)媒體的發(fā)展可以為傳媒業(yè)的發(fā)展創(chuàng)造更好的環(huán)境。媒體融合中心的建設(shè)旨在實(shí)現(xiàn)各種媒體傳播優(yōu)勢(shì)的互補(bǔ)，從建設(shè)我國(guó)的基礎(chǔ)設(shè)施入手，通過(guò)媒體融合，通過(guò)多種傳播形式拉近與人們的思想距離。當(dāng)前，我國(guó)整個(gè)思想環(huán)境是開(kāi)放的，各種新的思想文化嚴(yán)重制約著基層意識(shí)形態(tài)建設(shè)[6]。在媒體融合發(fā)展的過(guò)程中，媒體融合產(chǎn)業(yè)也在發(fā)生著一定的變革：它可以利用各種新媒體技術(shù)來(lái)加快自身的發(fā)展，對(duì)廣播電視的發(fā)展發(fā)揮重要作用。通過(guò)構(gòu)建融合媒體思維，按照科學(xué)合理的實(shí)踐方法，促進(jìn)媒體融合發(fā)展，更好地促進(jìn)媒體技術(shù)融合發(fā)展，營(yíng)造引導(dǎo)基本思想的新環(huán)境。融媒體技術(shù)有效地利用了這些傳播媒介，明顯發(fā)揮了其對(duì)大眾思維的主導(dǎo)作用。

4 HTML5在融媒體平臺(tái)建設(shè)中的應(yīng)用

4.1 融媒體平臺(tái)建設(shè)背景

隨著信息技術(shù)在實(shí)踐中的快速發(fā)展，尤其是微信、微博和移動(dòng)應(yīng)用的廣泛使用，我國(guó)新興媒體在實(shí)踐中的應(yīng)用也越來(lái)越廣，其影響力也越來(lái)越大。據(jù)統(tǒng)計(jì)，2020年6月，全國(guó)網(wǎng)民規(guī)模達(dá)9.4億，其中手機(jī)網(wǎng)民規(guī)模達(dá)9.32億。高達(dá)99.2%的龐大群體，給傳統(tǒng)媒體帶來(lái)了前所未有的影響[7]。為了打造建設(shè)新媒體的主要目標(biāo)，進(jìn)一步融合媒體平臺(tái)，通過(guò)云計(jì)算、大數(shù)據(jù)等新型網(wǎng)絡(luò)技術(shù)聯(lián)合支撐，進(jìn)一步實(shí)現(xiàn)傳統(tǒng)媒體和新媒體之間的融合發(fā)展，最大限度地為市民提供便利。

4.2 融媒體平臺(tái)建設(shè)思路

4.2.1 傳統(tǒng)媒體制作平臺(tái)

此平臺(tái)主要針對(duì)本地化的部署進(jìn)行設(shè)計(jì)，采用分布式的網(wǎng)絡(luò)架構(gòu)，進(jìn)而組成一個(gè)龐大的局域網(wǎng)生產(chǎn)平臺(tái)。

4.2.2 新媒體制作平臺(tái)

新媒體制作平臺(tái)是一個(gè)基于網(wǎng)絡(luò)的平臺(tái)，在制作中，需要簡(jiǎn)單進(jìn)行部署。大部分活動(dòng)是由阿里巴巴、騰訊和百度等在線運(yùn)營(yíng)商，聯(lián)合其他提供信息的媒介聚合和發(fā)布而成的服務(wù)第三方提供的。

4.2.3 媒體制作綜合指揮平臺(tái)

目標(biāo)是實(shí)現(xiàn)兩個(gè)平臺(tái)之間的連接和相互通信并共享信息資源，對(duì)兩個(gè)平臺(tái)上的媒體信息進(jìn)行統(tǒng)一管控，實(shí)現(xiàn)多渠道自定義推送。

4.3 HTML5的應(yīng)用

4.3.1 共享信息資源

通過(guò)連接相關(guān)網(wǎng)絡(luò)數(shù)據(jù)，實(shí)現(xiàn)相關(guān)信息同步，如：緊急新聞、天氣預(yù)報(bào)、微信排名等有關(guān)數(shù)據(jù)資源，為新聞指揮調(diào)度提供方向。

4.3.2 實(shí)現(xiàn)定位功能

利用高德地圖，將記者當(dāng)前所在的地理位置顯示在指揮中心的大屏幕上，便于新聞中心和調(diào)度員在突發(fā)事件中呼叫附近人員進(jìn)行新聞報(bào)道。現(xiàn)場(chǎng)視、音頻信號(hào)通過(guò)4G或無(wú)線信號(hào)傳回指揮中心進(jìn)行現(xiàn)場(chǎng)實(shí)時(shí)匯報(bào)和信號(hào)記錄，實(shí)現(xiàn)畫(huà)面共享。

4.3.3 圖形顯示的實(shí)現(xiàn)

記者報(bào)道的話題在大屏幕上以列表的形式呈現(xiàn)，調(diào)度員根據(jù)選擇的話題進(jìn)行查看和報(bào)道。新聞投遞后，記者可以對(duì)新聞進(jìn)行采編，成品發(fā)送至播出平臺(tái)進(jìn)行播出。所有過(guò)程都以進(jìn)度條的形式顯示在大屏幕上，方便指揮隨時(shí)了解節(jié)目制作進(jìn)度。云數(shù)據(jù)后臺(tái)分析是根據(jù)不同業(yè)務(wù)的個(gè)性化需求，對(duì)業(yè)務(wù)必要的任務(wù)和內(nèi)容及交互反饋進(jìn)行處理、整合、加工等。

4.3.4 規(guī)范新媒體生產(chǎn)經(jīng)營(yíng)

與傳統(tǒng)媒體相比，它可以實(shí)現(xiàn)新的媒體內(nèi)容結(jié)構(gòu)，支持未來(lái)新媒體技術(shù)越來(lái)越標(biāo)準(zhǔn)化。在HTML5標(biāo)簽中呈現(xiàn)站點(diǎn)信息使目錄更易于索引并因此可搜索[8]。通過(guò)規(guī)范音視頻設(shè)計(jì)，增加離線數(shù)據(jù)緩存，用戶可以更方便、更高效地查看和訪問(wèn)新的多媒體信息，同時(shí)減少用戶訪問(wèn)網(wǎng)絡(luò)時(shí)的流量消耗。

4.3.5 監(jiān)控平臺(tái)設(shè)備

這包括網(wǎng)絡(luò)吞吐量、內(nèi)存分配率、共享內(nèi)存分配率、CPU內(nèi)存使用率、CPU分配率、媒體平臺(tái)硬件上的可恢復(fù)資源進(jìn)行檢測(cè)以及對(duì)系統(tǒng)平臺(tái)健康分析，并且以線性、直方圖等形式進(jìn)行顯示。

5 基于融媒體平臺(tái)的H5產(chǎn)品設(shè)計(jì)開(kāi)發(fā)的方法、實(shí)現(xiàn)路徑及創(chuàng)新發(fā)展

5.1 H5產(chǎn)品設(shè)計(jì)開(kāi)發(fā)的方法

HTML5頁(yè)面是傳播新聞的重要工具。許多公司正在使用HTML5頁(yè)面發(fā)布產(chǎn)品信息，并開(kāi)始使用該頁(yè)面創(chuàng)建媒體平臺(tái)。無(wú)論是UV、PV還是微信文章，都會(huì)通過(guò)網(wǎng)頁(yè)的H5設(shè)計(jì)吸引粉絲，營(yíng)銷(xiāo)人員會(huì)非常關(guān)注網(wǎng)頁(yè)HTML5媒體平臺(tái)的開(kāi)發(fā)。企業(yè)服務(wù)商也非常重視H5產(chǎn)品銷(xiāo)售和媒體平臺(tái)整合，并取得了很多成功案例。例如微信軟件功能的定制技術(shù)，如微信雙屏互動(dòng)、投票。

5.2 H5產(chǎn)品設(shè)計(jì)開(kāi)發(fā)路徑

以大學(xué)網(wǎng)站為例，主要由以下幾部分組成：大學(xué)概況、大學(xué)介紹、技能介紹、優(yōu)秀校友、就業(yè)方向等。為了突出學(xué)校的形象，有必要在學(xué)校的介紹中表明學(xué)校的發(fā)展方向和辦學(xué)理念。在顯示選項(xiàng)方面，有兩種顏色可供選擇，其中一種是平臺(tái)設(shè)計(jì)的核心。在媒體平臺(tái)的不同頁(yè)面中有五種主題顏色，可以充分體現(xiàn)校園氛圍，防止眼睛疲勞。在實(shí)施H5融媒體平臺(tái)時(shí)，一定要注重圖像的表現(xiàn)，讓H5網(wǎng)站上的圖像具有豐富的動(dòng)態(tài)效果，給人以強(qiáng)烈的視覺(jué)沖擊。產(chǎn)品首頁(yè)不斷加入動(dòng)畫(huà)效果突出H5的主打產(chǎn)品，讓畫(huà)面更加絢麗多彩，花瓣更加生動(dòng)，層次感和動(dòng)態(tài)背景也通過(guò)深度動(dòng)畫(huà)得到增強(qiáng)。H5產(chǎn)品的文字和圖片以飛入或拉遠(yuǎn)的方式呈現(xiàn)，充分展現(xiàn)了圖片的焦點(diǎn)。形式也很新潮，所以平臺(tái)更具互動(dòng)性和參與性，提高了學(xué)校的知名度。

5.3 H5產(chǎn)品設(shè)計(jì)開(kāi)發(fā)的創(chuàng)新發(fā)展

發(fā)展MicroH5的網(wǎng)站設(shè)計(jì)創(chuàng)新，結(jié)合經(jīng)過(guò)大量媒體平臺(tái)測(cè)試的綜合媒體平臺(tái)，可以為金融媒體平臺(tái)創(chuàng)建網(wǎng)址，并結(jié)合各種媒體格式導(dǎo)出源文件包，以便參加各種比賽。Talousmedia平臺(tái)也可以生成相應(yīng)的二維碼。用戶在手機(jī)上瀏覽H5頁(yè)面時(shí)，只需長(zhǎng)按二維碼，然后點(diǎn)擊識(shí)別二維碼即可。創(chuàng)新的AI技術(shù)在H5頁(yè)面媒體平臺(tái)上的應(yīng)用，讓H5頁(yè)面展示的各類(lèi)產(chǎn)品都具備了AI功能。許多產(chǎn)品使用VR/AR技術(shù)將全媒體平臺(tái)融入新媒體時(shí)代。對(duì)于H5視頻設(shè)計(jì)和網(wǎng)站開(kāi)發(fā)，這些視頻大多是PR剪輯和AE包。融媒體平臺(tái)H5頁(yè)面定制化功能的設(shè)計(jì)開(kāi)發(fā)通常要根據(jù)實(shí)際需求和產(chǎn)品應(yīng)用進(jìn)行。

6 結(jié)語(yǔ)

隨著互聯(lián)網(wǎng)和新媒體的迅猛發(fā)展，HTML5技術(shù)也在互聯(lián)網(wǎng)的發(fā)展中不斷更新和改進(jìn)，以提高自身優(yōu)勢(shì)，尤其是在圖形處理方面，已經(jīng)表現(xiàn)出非常突出的應(yīng)用優(yōu)勢(shì)，成為主打技術(shù)。新的網(wǎng)絡(luò)信息技術(shù)與新媒體平臺(tái)融合后，新媒體平臺(tái)將更具活力，用戶將更方便地接收信息，融媒體平臺(tái)建設(shè)過(guò)程中利用HTML5技術(shù)的支持，起到了非常有效的作用。