基于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）.

【通联编辑：谢媛媛】