HTML5技术在融媒体平台建设中的运用

赵志明

(晋中广播电视台 山西 晋中 030600)

0 引言

当今社会，互联网络技术快速发展，包括移动电视、微信、手机APP、数字报刊等新兴媒体已经成为人们获取信息的主要方式。与此同时，传统媒体逐渐失去其对原有用户的吸引力。各级各地媒体机构都在积极寻求出路，统一谋求媒体融合发展的思路，发挥传统媒体与新兴媒体的各自优势，运用新的网络信息技术与新兴媒体平台相融合建立的新平台更方便、更科学、更具有特色。这样才能充分发挥资源优势，又结合创新，给自身争取到生存的活力。网页技术是新兴媒体主要赖以生存的技术之一，而网页技术的核心是HTML，尤其是HTML5技术标准的建立，已经成为网页的主流技术，成为新兴媒体不可或缺的技术支撑和手段。HTML5技术的深入研究和充分利用一定会为融合媒体平台的建设提供坚实的技术基础，从而使得融合媒体平台的发展更具广阔的空间。

1 HTML5的发展历程

1.1 什么是HTML5

HTML(Hyper Text Markup Language)是一种超文本标记语言，它是一种规范，也是一种标准[1]。HTML具有很多优点：如简易性、可扩展性、通用性等等，使得它逐渐成为网页标记的主流，甚至替代了由C语言编程来架构的部分网站。

到目前为止，HTML已经经历了5次改版，HTML5是HTML的第五次改版，是由众多厂商联合开发出来的产品并且不断进行完善，解决了早期版本结构混乱，不易阅读，代码臃肿，并通过新增语义化的布局标签，使布局的网页结构清晰明了，同时增加了对音、视频、绘图、动画等功能的支持，使得做出的网页更加酷炫。

HTML5主要技术由四大块构成，即由HTML、API、JavaScript、css3等技术组成的[2]。目前，MAC、IPHONE、PC、安卓等主流传媒平台都包含有HTML5的运行，HTML5也获得了很多不同浏览器技术平台的支持。

1.2 HTML5的优势

1) 对音、视频的支持

一直以来，开发者最头痛的事情，是如何实现多媒体文件的播放。而HTML5的出现，解决了这一困扰开发者的难题，它为多媒体音、视频文件的使用提供了更广泛、便捷的技术支持。一方面它通过增加

目前支持的音、视频格式有：音频为Ogg Vorbis、MP3、wav，视频为Ogg、MPEG4、WebM，使用 Source元素可以链接不同的视频文件，可以确保在不同的浏览器中都有可识别的格式。

2) 定位功能

通过全球定位系统GPS或网络信息实现对用户的定位功能可以在引入Geolocation的API中更加精准快速，同时也可以精准定位对你开放信息的人的位置[4]。所制作的APP安装包占用空间很小，对设备的缓存不会造成任何压力。

3) 跨平台性

HTML5研发出现之前，由于网络平台形形色色，每一套产品的研发利用，必须针对相应的平台研发多套版本与之匹配，如此，必然消耗太多的人力物力，同时投资成本也会大大提高。HTML5技术的研发出现，直接快速地解决了这个困扰已久的问题。网页开发者仅仅需要一套程序，就可以实现在多个不同平台的展现，不仅省力便捷，而且降低了研发的人力物力财力的投入[5]。

4) 离线缓存功能

HTML5 通过Cache Manifest文件的创建，可以轻松地创建Web应用离线版本[5]。用户在访问WEB应用时对所访问内容进行本地化存储，这样没有网络连接时也可获取相关信息。更加方便了用户，使得我们的服务对象在应用离线时工作更轻松、更便捷、更快速，实现缓存资源加载速度加快，服务器原有的负载减少的目的。

2 HTML5在融媒体平台建设中的应用

2.1 融媒体平台建设背景

随着信息技术的快速发展，特别是在以移动互联网为主的微信、微博及手机APP的广泛应用，新兴媒体的影响力也在不断加大。据统计，到2020年6月为止，全国的网民数量高达9.4亿，而在这庞大的数字中，手机移动客户端的网民数量占到9.32亿，估算一下，国民用手机上网人数比例高达99.2%，这一庞大的群体给传统媒体带来了前所未有的冲击[6]。而融合媒体平台建设就是以新媒体的建设为主要目标，以云计算、大数据等网络新技术为支撑，将传统媒体与新兴媒体相融，融合后的新平台更具有时代优势，更能为国民提供便捷。

2.2 融媒体平台建设思路

按照国家新闻出版广播总局关于《广播电台、电视台融合媒体平台建设技术白皮书》技术架构建设标准，结合本地实际发展情况，具体建设内容如下：

1) 传统媒体制作平台。主要是进行本地化部署，大多采用分布式网络架构形成的局域网络制作平台，平台对网络中的设备硬件、网络带宽有更高的要求，需对网络平台中的系统资源进行合理的调配，以满足节目制作的需要。

2) 新媒体制作平台。是基于互联网络的平台，在本地只需简单部署，大部分业务由互联网络运营商及第三方服务商提供，如阿里云、腾讯、百度等，提供信息汇聚与发布等服务。对平台中的硬件及网络带宽要求不高，媒体信息的制作多为第三方提供模板，本地进行信息更新。

3) 融媒体生产指挥平台。是以实现两个平台互连互通、信息资源共享为目地，并对两个平台内的媒体信息进行统一管理与指挥，使得媒体信息通过多种渠道汇聚，统一生产，不同平台的发布，并且根据制作形式进行定制化的推送。

2.3 HTML5的应用

1) 实现对平台硬件的监测。包括融媒体平台硬件中的CPU内存利用率、CPU分配比、网络吞吐量、内存分配比、共享存储分配比、可回收资源进行监测，对系统平台的健康度进行分析，并以线性或柱状等图形进行显示(如图1)。

图1 融媒体平台系统监测页面

2) 实现数据资源共享。通过链接相关网络数据，实现数据资源共享，如：天气预报、微信排行榜、突发新闻、新闻线索等数据资源，为新闻指挥调度提供方向(如图2)。

图2 融媒体平台新闻汇聚

3) 实现定位功能。使用百度地图将外出记者当前地理位置显示在指挥调度中心大屏上，为新闻指挥调度员在突发事件发生时，及时调用附近人员进行新闻报道，提高新闻的时效性(如图3)。

图3 新闻采访人员地理位置图

通过4G或无线信号将现场视、音频信号传回指挥中心用于新闻现场直播并对信号进行实时录制，实现素材共享。

4) 实现图形显示。记者所报题目以列表形式呈现在大屏上，由指挥调度人员进行选题报道审核，通过后记者方可进行新闻采、编，完成通过后的成品发送到播出平台进行播出。所有过程以进度条的方式显示在大屏上，以便指挥调试人员时刻了解节目制作进度(如图4)。

图4 现场视频回传与节目采编审批流程进度

根据不同业务的个性需求，通过后台数据云端融合处理与分析，对于业务所需要的任务和内容以及互动反馈等多种信息进行整合加工、分析处理，最后运用标准化的格式以具有个性特色的风格在融媒体生产指挥平台中的大屏进行展示。

5) 可使新媒体制作与运行更加规范。相对传统媒体而言，可以实现新媒体内容的结构化，并且促使未来的新媒体技术越来越规范，越来越标准，HTML标签中的网络信息传递，可以更加容易地建立目录索引，更便捷地被搜索到[4]。

通过对音、视频设计的规范，以及数据离线缓存功能的增加,可以使用户在访问新媒体信息时浏览更加便捷高效,同时也减少了用户访问网络时所产生的流量消耗。

3 HTML5的不足之处

1)对网络运行环境要求较高，HTML5在目前网络技术条件下易受到网络传输速率的影响，使其在动态与交互展示上受到极大的限制，影响到用户的体验。

2)新闻时效性得不到保证，因为常用浏览器、终端平台对HTML5技术的支持程度不一，为达到应用一次开发，跨平台运行的目的，使得制作周期延长，因此不适用于突发性新闻事件的传播。

4 结论

随着互联网络与新媒体的快速发展，HTML5技术也在互联网络发展中不断的进行升级改版，提升自已的优势，特别是在图形处理方面展现出非常明显的应用优势，使其已经成为互联网络的主流技术，未来随着网络技术的更新以及硬件的提升，HTML5技术会展现出更强的应用价值。