基于H5技術(shù)的應(yīng)用研究

王靜 司占軍

摘要：主要目的主要是對(duì)以H5技術(shù)為基礎(chǔ)的應(yīng)用進(jìn)行了研究，分析H5技術(shù)的過(guò)去，現(xiàn)在和將來(lái)的發(fā)展。在日新月異的互聯(lián)網(wǎng)信息時(shí)代，傳統(tǒng)的媒體傳播方式已經(jīng)不能夠滿足大眾的眼球，H5技術(shù)作為一種新的多媒體技術(shù)應(yīng)運(yùn)而生，其發(fā)展超出大家的想象。H5技術(shù)以動(dòng)態(tài)方式橫掃整個(gè)移動(dòng)市場(chǎng)。隨著技術(shù)的成熟和各種H5工具的涌現(xiàn)，H5制作已經(jīng)漸漸走向標(biāo)準(zhǔn)化，各種問(wèn)題也隨之有了很大的改善。但是，H5自家也不能夠獨(dú)善其身，自我發(fā)展。媒體融合才是主流發(fā)展趨勢(shì)。

關(guān)鍵詞：H5;多媒體;媒體融合

中圖分類號(hào)：TP37? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A? ? ? 文章編號(hào)：1009-3044（2018）34-0206-02

隨著移動(dòng)互聯(lián)網(wǎng)與新媒體的高速發(fā)展，H5標(biāo)準(zhǔn)正式推出之后，借由微信、微博等平臺(tái)的巨大傳播力，各種基于H5技術(shù)的應(yīng)用紛紛如雨后春筍般層出不窮。在游戲、廣告、營(yíng)銷、新聞等方面，H5技術(shù)以絕對(duì)優(yōu)勢(shì)強(qiáng)勢(shì)進(jìn)入了各大移動(dòng)設(shè)備，甚至在醫(yī)學(xué)、黨報(bào)等方面都嶄露頭角，處于領(lǐng)先地位。但是，H5技術(shù)的競(jìng)爭(zhēng)開始出現(xiàn)一些混亂、不規(guī)范的現(xiàn)象和問(wèn)題，讓高昂的H5創(chuàng)作熱情有所消退[1]。

1 2017年H5技術(shù)的主流應(yīng)用

2017年，三月初，兩會(huì)的成功召開熱鬧非凡。其中就少不了H5的重要作用。兩會(huì)中的5個(gè)H5火爆了移動(dòng)端，如圖1所示。

和傳統(tǒng)紙媒的靜態(tài)形式相比，新媒體技術(shù)的動(dòng)態(tài)模式更加接地氣。傳統(tǒng)紙媒運(yùn)用文字、圖片、版式來(lái)吸引讀者，具有“見高度”的特點(diǎn);而新媒體靈活巧妙地結(jié)合了音樂(lè)、視頻等新形式。H5技術(shù)就是一種新的，集知識(shí)、體驗(yàn)于一身的載體。以《兩會(huì)喊你加入群聊》H5互動(dòng)為例。首先，它以“面對(duì)面建群”的方式讓用戶和各位政府領(lǐng)導(dǎo)建立起面對(duì)面交流的機(jī)會(huì)，用戶可以在評(píng)論區(qū)留言和李克強(qiáng)總理互動(dòng)聊天。李克強(qiáng)總理還發(fā)了“要讓人民過(guò)上好日子”的微信紅包。這是一種“利益交匯點(diǎn)”的平臺(tái)，網(wǎng)友留言，提建議，有助于管理層了解人民群眾的內(nèi)心真實(shí)需求和愿望，更好的建設(shè)四個(gè)全面現(xiàn)代化的小康社會(huì)。不管哪種方式的交流互動(dòng)，都能夠調(diào)動(dòng)人民主動(dòng)參與到每一個(gè)活動(dòng)中來(lái)，都能夠主動(dòng)分享轉(zhuǎn)發(fā)形成鏈?zhǔn)絺鞑ァ?/p>

2017年，十月末，十九大的成功更是離不開H5技術(shù)的關(guān)鍵作用。

各家媒體為了增強(qiáng)十九大報(bào)道的傳播力、感染力，“十八般武藝”齊上陣。不僅精心設(shè)置議題，還在創(chuàng)新手段上狠下功夫。

江西日?qǐng)?bào)社十九大全媒體報(bào)道中心對(duì)報(bào)告的重要內(nèi)容進(jìn)行梳理，制作了H5作品《十九大報(bào)告學(xué)習(xí)詞典》，如圖2所示，當(dāng)晚一經(jīng)推送，即受到熱烈追捧，瞬間在朋友圈刷屏，僅21小時(shí)閱讀數(shù)便超過(guò)230萬(wàn)，據(jù)該作品數(shù)據(jù)統(tǒng)計(jì)顯示，一個(gè)星期里閱讀數(shù)就已超過(guò)1117萬(wàn)?！妒糯髨?bào)告學(xué)習(xí)詞典》一共31頁(yè)，一改傳統(tǒng)報(bào)告梳理的枯燥堆砌，運(yùn)用圖文并茂的手法，將十九大報(bào)告中的重要內(nèi)容進(jìn)行全面梳理和簡(jiǎn)要總結(jié)，每個(gè)方面用一個(gè)最恰切的詞語(yǔ)來(lái)概括，配上喜慶的底色和雄渾激昂的音樂(lè)，渾然一體，讓人忍不住分享給親朋好友。

2 H5技術(shù)發(fā)展中存在的問(wèn)題及解決方法

2.1 H5技術(shù)存在的問(wèn)題

從技術(shù)上而言，受移動(dòng)手機(jī)瀏覽器的限制，H5頁(yè)面在跳轉(zhuǎn)上不穩(wěn)定，在軟件運(yùn)行速度上依賴網(wǎng)速和移動(dòng)終端的性能，還存在對(duì)攝像頭、陀螺儀等硬件支持較差，開發(fā)出來(lái)的應(yīng)用性能較差，不適合處理較復(fù)雜的邏輯等問(wèn)題[2]。另外，交互形式過(guò)多模仿，形式較為單一，三維視覺(jué)效果缺乏美感，信息的展現(xiàn)缺少人情味，不能很好地喚起用戶情感的共鳴，無(wú)法很好地使用戶獲得身臨其境的互動(dòng)體驗(yàn)，在交互形式表現(xiàn)和交互手段兩方面缺乏多感官體驗(yàn)的整合[3]。

另外，智能終端操作系統(tǒng)下的原生頁(yè)面和H5頁(yè)面擁有獨(dú)立代碼模塊，及后臺(tái)數(shù)據(jù)請(qǐng)求方式，兩者的數(shù)據(jù)上報(bào)也是獨(dú)立的。但是智能終端操作系統(tǒng)的原生頁(yè)面和H5頁(yè)面本身在業(yè)務(wù)上有非常強(qiáng)的耦合性，在業(yè)務(wù)上非常需要兩者的數(shù)據(jù)打通。

2.2 H5問(wèn)題的解決方法

一方面，H5從立意、創(chuàng)新、設(shè)計(jì)，到制作、傳播，是一個(gè)一氣呵成的系統(tǒng)工程，技術(shù)的把握、創(chuàng)意與文案的優(yōu)化、傳播的執(zhí)行都是不可或缺的[4]。1）首先，主題獨(dú)特，內(nèi)容新穎：有創(chuàng)意的新鮮感，少抄襲，多原創(chuàng)，要做優(yōu)質(zhì)的、有價(jià)值的內(nèi)容;2）從用戶的角度深挖H5的價(jià)值點(diǎn)：提高粉絲活躍度和忠誠(chéng)度;3）盡所能利用多渠道推廣：公眾號(hào)的圖文群發(fā)推廣、微信群推廣、線下二維碼推廣，以及KOL（意見領(lǐng)袖）轉(zhuǎn)發(fā)和投稿等;4）開展線上互動(dòng)增加用戶活躍度;同時(shí)策劃多樣線下活動(dòng)，促進(jìn)用戶品牌傾向性;5）H5的技術(shù)要力顯“高大上”：大膽應(yīng)用其多媒體特性、三維圖形制作及3D特效特性等功能屬性。

另一方面，現(xiàn)有技術(shù)打通原生頁(yè)面和H5頁(yè)面的方案有：利用網(wǎng)關(guān)統(tǒng)計(jì)打通兩者的數(shù)據(jù)。其方案包括：

1）利用網(wǎng)關(guān)統(tǒng)計(jì)打通原生頁(yè)面和H5頁(yè)面數(shù)據(jù)，原生頁(yè)面和H5頁(yè)面請(qǐng)求后臺(tái)數(shù)據(jù);

2）后臺(tái)數(shù)據(jù)記錄下請(qǐng)求參數(shù)（包括請(qǐng)求時(shí)間），并以統(tǒng)計(jì)的形式上報(bào)統(tǒng)計(jì)服務(wù)器;

3）分析網(wǎng)關(guān)數(shù)據(jù)通過(guò)關(guān)聯(lián)出原生頁(yè)面請(qǐng)求和H5頁(yè)面的關(guān)系，把兩者的數(shù)據(jù)打通。

但是，缺點(diǎn)是會(huì)給后臺(tái)計(jì)算造成較大的負(fù)擔(dān)，原生頁(yè)面和H5頁(yè)面的聯(lián)系比對(duì)完全依賴于時(shí)間或者約定標(biāo)記，這樣的方式分析時(shí)間長(zhǎng)且準(zhǔn)確率低下。同時(shí)，原生頁(yè)面和H5頁(yè)面在切換跳轉(zhuǎn)的過(guò)程中都需要發(fā)起請(qǐng)求同步數(shù)據(jù)，這樣會(huì)消耗用戶額外的流量。這種打通方式中，和網(wǎng)關(guān)耦合性太高，原生頁(yè)面、H5頁(yè)面、后臺(tái)三方需要擁有非常明確的協(xié)議規(guī)格和相同的取數(shù)邏輯，很難找出打通數(shù)據(jù)的明確關(guān)聯(lián)字段，另外后臺(tái)的計(jì)算邏輯會(huì)非常復(fù)雜[5]。

3 展望

如今日HTML5行業(yè)已進(jìn)入高速穩(wěn)定的發(fā)展時(shí)期，并在手機(jī)頁(yè)游、移動(dòng)應(yīng)用、移動(dòng)營(yíng)銷、教育、AR/VR等各大領(lǐng)域?qū)崿F(xiàn)跨界發(fā)展，基于HTML5技術(shù)的“移動(dòng)互聯(lián)網(wǎng)+”時(shí)代正在到來(lái)[6] ，H5、圖文直播、照片流、360°全景拍攝、VR等新技術(shù)新手段將深度融合發(fā)展。報(bào)網(wǎng)端微全媒體聯(lián)動(dòng)，文圖音視全景呈現(xiàn)，充分發(fā)揮移動(dòng)端“快”，網(wǎng)絡(luò)媒體“全”，紙媒“深”的功能，建立紙媒、網(wǎng)站、手機(jī)報(bào)、移動(dòng)客戶端、微博微信、戶外屏六大傳播平臺(tái)組成的多介質(zhì)、立體化傳播格局才是未來(lái)H5技術(shù)發(fā)展的主要趨勢(shì)[7]。雖然H5技術(shù)仍然存在一些問(wèn)題，但是它的未來(lái)是十分光明的，是值得我們學(xué)習(xí)研究的。

參考文獻(xiàn)：

[1] 吳勇毅. 酒企如何玩轉(zhuǎn)H5營(yíng)銷[N]. 華夏酒報(bào)， 2015-05-19.

[2] 王雅君. 基于H5技術(shù)的可視新聞研究—以2016年人民日?qǐng)?bào)微信公眾號(hào)兩會(huì)報(bào)道為例[J]. 傳媒， 2016（10）.

[3] 胡曉林， 馬振龍. 基于H5技術(shù)的微信交互式廣告在交互設(shè)計(jì)方面的“優(yōu)勢(shì)整合”創(chuàng)新思考[J]. 包裝工程， 2016， 37（24）.

[4] 吳勇毅. H5大爆炸時(shí)代，如何玩出營(yíng)銷新境界？[J]. 銷售與市場(chǎng)， 2015（4）.

[5] 姚醒， 鄭青， 王洋， 等. 確定原生頁(yè)面和H5頁(yè)面訪問(wèn)次序的方法、裝置和系統(tǒng)：中國(guó)， 201610192699.5[P]. 2016（8）.

[6] 毓鑫， 黃弘. 基于移動(dòng)互聯(lián)網(wǎng)環(huán)境下H設(shè)計(jì)形式探究[J]. 學(xué)研探索， 2016（11）： 134-135.

[7] 顧雷鳴. 移動(dòng)優(yōu)先融出精彩—新華報(bào)業(yè)傳媒集團(tuán)兩會(huì)報(bào)道的融媒體實(shí)踐[J]. 傳媒觀察， 2017（5）.

【通聯(lián)編輯：謝媛媛】