基于H5技術的應用研究

王靜 司占軍

摘要：主要目的主要是對以H5技術為基礎的應用進行了研究，分析H5技術的過去，現在和將來的發展。在日新月異的互聯網信息時代，傳統的媒體傳播方式已經不能夠滿足大眾的眼球，H5技術作為一種新的多媒體技術應運而生，其發展超出大家的想象。H5技術以動態方式橫掃整個移動市場。隨著技術的成熟和各種H5工具的涌現，H5制作已經漸漸走向標準化，各種問題也隨之有了很大的改善。但是，H5自家也不能夠獨善其身，自我發展。媒體融合才是主流發展趨勢。

關鍵詞：H5;多媒體;媒體融合

中圖分類號：TP37? ? ? 文獻標識碼：A? ? ? 文章編號：1009-3044（2018）34-0206-02

隨著移動互聯網與新媒體的高速發展，H5標準正式推出之后，借由微信、微博等平臺的巨大傳播力，各種基于H5技術的應用紛紛如雨后春筍般層出不窮。在游戲、廣告、營銷、新聞等方面，H5技術以絕對優勢強勢進入了各大移動設備，甚至在醫學、黨報等方面都嶄露頭角，處于領先地位。但是，H5技術的競爭開始出現一些混亂、不規范的現象和問題，讓高昂的H5創作熱情有所消退[1]。

1 2017年H5技術的主流應用

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

和傳統紙媒的靜態形式相比，新媒體技術的動態模式更加接地氣。傳統紙媒運用文字、圖片、版式來吸引讀者，具有“見高度”的特點;而新媒體靈活巧妙地結合了音樂、視頻等新形式。H5技術就是一種新的，集知識、體驗于一身的載體。以《兩會喊你加入群聊》H5互動為例。首先，它以“面對面建群”的方式讓用戶和各位政府領導建立起面對面交流的機會，用戶可以在評論區留言和李克強總理互動聊天。李克強總理還發了“要讓人民過上好日子”的微信紅包。這是一種“利益交匯點”的平臺，網友留言，提建議，有助于管理層了解人民群眾的內心真實需求和愿望，更好的建設四個全面現代化的小康社會。不管哪種方式的交流互動，都能夠調動人民主動參與到每一個活動中來，都能夠主動分享轉發形成鏈式傳播。

2017年，十月末，十九大的成功更是離不開H5技術的關鍵作用。

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

江西日報社十九大全媒體報道中心對報告的重要內容進行梳理，制作了H5作品《十九大報告學習詞典》，如圖2所示，當晚一經推送，即受到熱烈追捧，瞬間在朋友圈刷屏，僅21小時閱讀數便超過230萬，據該作品數據統計顯示，一個星期里閱讀數就已超過1117萬。《十九大報告學習詞典》一共31頁，一改傳統報告梳理的枯燥堆砌，運用圖文并茂的手法，將十九大報告中的重要內容進行全面梳理和簡要總結，每個方面用一個最恰切的詞語來概括，配上喜慶的底色和雄渾激昂的音樂，渾然一體，讓人忍不住分享給親朋好友。

2 H5技術發展中存在的問題及解決方法

2.1 H5技術存在的問題

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

另外，智能終端操作系統下的原生頁面和H5頁面擁有獨立代碼模塊，及后臺數據請求方式，兩者的數據上報也是獨立的。但是智能終端操作系統的原生頁面和H5頁面本身在業務上有非常強的耦合性，在業務上非常需要兩者的數據打通。

2.2 H5問題的解決方法

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

另一方面，現有技術打通原生頁面和H5頁面的方案有：利用網關統計打通兩者的數據。其方案包括：

1）利用網關統計打通原生頁面和H5頁面數據，原生頁面和H5頁面請求后臺數據;

2）后臺數據記錄下請求參數（包括請求時間），并以統計的形式上報統計服務器;

3）分析網關數據通過關聯出原生頁面請求和H5頁面的關系，把兩者的數據打通。

但是，缺點是會給后臺計算造成較大的負擔，原生頁面和H5頁面的聯系比對完全依賴于時間或者約定標記，這樣的方式分析時間長且準確率低下。同時，原生頁面和H5頁面在切換跳轉的過程中都需要發起請求同步數據，這樣會消耗用戶額外的流量。這種打通方式中，和網關耦合性太高，原生頁面、H5頁面、后臺三方需要擁有非常明確的協議規格和相同的取數邏輯，很難找出打通數據的明確關聯字段，另外后臺的計算邏輯會非常復雜[5]。

3 展望

如今日HTML5行業已進入高速穩定的發展時期，并在手機頁游、移動應用、移動營銷、教育、AR/VR等各大領域實現跨界發展，基于HTML5技術的“移動互聯網+”時代正在到來[6] ，H5、圖文直播、照片流、360°全景拍攝、VR等新技術新手段將深度融合發展。報網端微全媒體聯動，文圖音視全景呈現，充分發揮移動端“快”，網絡媒體“全”，紙媒“深”的功能，建立紙媒、網站、手機報、移動客戶端、微博微信、戶外屏六大傳播平臺組成的多介質、立體化傳播格局才是未來H5技術發展的主要趨勢[7]。雖然H5技術仍然存在一些問題，但是它的未來是十分光明的，是值得我們學習研究的。

參考文獻：

[1] 吳勇毅. 酒企如何玩轉H5營銷[N]. 華夏酒報， 2015-05-19.

[2] 王雅君. 基于H5技術的可視新聞研究—以2016年人民日報微信公眾號兩會報道為例[J]. 傳媒， 2016（10）.

[3] 胡曉林， 馬振龍. 基于H5技術的微信交互式廣告在交互設計方面的“優勢整合”創新思考[J]. 包裝工程， 2016， 37（24）.

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

[5] 姚醒， 鄭青， 王洋， 等. 確定原生頁面和H5頁面訪問次序的方法、裝置和系統：中國， 201610192699.5[P]. 2016（8）.

[6] 毓鑫， 黃弘. 基于移動互聯網環境下H設計形式探究[J]. 學研探索， 2016（11）： 134-135.

[7] 顧雷鳴. 移動優先融出精彩—新華報業傳媒集團兩會報道的融媒體實踐[J]. 傳媒觀察， 2017（5）.

【通聯編輯：謝媛媛】