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

欧冬梅

岑溪市中等专业学校，广西岑溪，543200

0 引言

全球各类媒体机构在长期的实践与发展中逐步寻求统一融合的发展模式，将传统媒体和新媒体两者的优点和长处加以开发利用，并以此来实现广大客户群对网络信息与新媒体技术相结合的需求。不断演进的媒体平台，必须构建更便捷、更科学、更具表现力的新平台。互联网技术是新媒体所依赖的主要技术之一，而互联网技术的核心是HTML，尤其是HTML5技术标准的推出，已经成为网络技术的主流，成为新媒体不可或缺的技术和媒体支撑。深入研究和充分利用HTML5技术，必将为融合媒体平台的建设提供坚实的技术基础，拓宽融合媒体平台的发展空间。HTML5技术对标杆新闻媒体的模式具有十分重要的意义，也在一定程度上提升了用户的体验感和满意度。随着移动设备越来越多地使用主流媒体，融合媒体正在通过媒体载体适应广播和电视的共性，同时与其他媒体形成互补[1]。在此基础上，可以进行H5产品在融媒体中的设计与开发。

1 H5的发展历程及基本模式

2014年初，H5首次出现在营销和广告领域。目前，H5在微信好友中被广泛分享。H5的影响力渗透到各个方面，如品牌发布、短期营销、会议公告、新闻、历史公告、游戏、新品推广活动以及突发事件等。总的来说，H5主要涵盖图文、游戏、交互、视频和模拟。HTML5包括API、CSS3HTML、JavaScript技术等[2]。目前，PC、Android、MAC、IPHONE等常见的多媒体平台都支持HTML5，而HTML5同样也得到了很多不同浏览器技术平台的支持。

1.1 HTML5的优点

1.1.1 音、视频的支持

一直以来令开发者头疼的难题就是对音、视频的支持，以及如何实现多媒体文件的播放。HTML5的出现解决了这个问题，为多媒体音、视频文件的使用提供了更全面、更便捷的技术支持。一方面，通过加入〈video〉和〈audio〉等多媒体元素，可以支持多媒体文件，实现不使用第三方插件播放文件的功能；另一方面，浏览器中的加载速度比以前快得多[3]。目前支持的音、视频格式有：音频为OggVorbis、wav、MP3；视频有Ogg、MPEG4、WebM。使用Source元素组合不同的视频文件，以供不同浏览器格式识别。

1.1.2 定位功能

利用GPS来实现对用户的网络信息定位，可以较为准确、快速地访问用户需要的地理定位API，进而更准确地定位打开消息的人[4]。对于正在运行的APP，其安装包所占用的空间比较小，一般不会对设备的缓存造成压力。

1.1.3 跨平台

在HTML5研发之前，不少网络平台由于其本身的多样性，在每组产品的开发与使用中，都需要配合不同平台相对应的版本进行开发，这会消耗较多的人力和物力，造成其投资成本大幅度增加。HTML5技术的出现有利于更直接、快速地解决这个问题[5]。

1.1.4 离线缓存特性

HTML5通过创建CacheManifest文件对Web应用程序的离线版本进行创建。在用户访问Web应用的时候，其加载的内容可能会存储在本地，因此即使没有网络连接，也可能会得到相关的信息。对于一些用户而言，服务对象在离线时会更方便、快捷地下载资源，这样就会减少服务器的初始负载。

1.2 HTML5的缺点

1.2.1 对网络运行环境要求高

在当前网络的技术条件下，HTML5容易受到网络传输速度的影响，严重限制了其动态和交互的展示，影响了用户体验。

1.2.2 信息时效性不强

由于常见浏览器和终端设备平台对HTML5的支持程度不同，无法保证消息的时效性。为了达到一次应用开发、多平台运行的目的，拉长了生产周期，不适合突然创新。

2 H5的技术特点

2.1 表现力

最初，由于开发H5的成本比较高，而且在编程技能上有一定的要求，H5主打广告和营销，极少数用H5制作商业网站。2015年以来，随着iH5人人秀、易企秀、MAKA兔展等一批第三方H5平台的问世，而且在市场上慢慢被使用，H5在开发上不需要掌握烦琐的编程技巧，只需通过一个第三方平台，就可以使全部网友都能使用H5第三方网站。相比传统媒体的分发方式，在新媒体环境下，H5新闻分发主要通过手机进行，可以插入音视频、文字、网页、直播、VR全景、图表。

2.2 耐受性良好

H5技术比较突出的优点是兼容性好。H5新闻作品具备同时兼容PC端和移动端，而且平台无法限制所展示的效果。消息阅读器可以在QQ、微信、各种浏览器等应用中传播和阅读。平台的传播不仅要产生指数传播的效应，还要最大程度地提高传播的速度，之后扩大传播的影响。

2.3 低成本开发

H5 Newsworks开发成本低。一是与移动网站和应用程序相比，H5媒体开发成本相较之下要低很多。H5技术不论媒体大小都可以使用。如今市场上有一大部分比较稳定的第三方开发平台，以此实现更方便、更高效、更快速、可视化的开发。二是新闻读者阅读H5新闻无需门槛。拥有智能手机的人不但可以阅读H5消息而且可以转发，极大程度上增加了消息传播的影响力。

3 建设融媒体的重要性

融媒体是充分利用媒体载体，将不同媒体传播载体的优势与不同媒体进行互补，实现资源整合、内容兼容、广告整合、利益整合的新型媒体。财经媒体的发展可以为传媒业的发展创造更好的环境。媒体融合中心的建设旨在实现各种媒体传播优势的互补，从建设我国的基础设施入手，通过媒体融合，通过多种传播形式拉近与人们的思想距离。当前，我国整个思想环境是开放的，各种新的思想文化严重制约着基层意识形态建设[6]。在媒体融合发展的过程中，媒体融合产业也在发生着一定的变革：它可以利用各种新媒体技术来加快自身的发展，对广播电视的发展发挥重要作用。通过构建融合媒体思维，按照科学合理的实践方法，促进媒体融合发展，更好地促进媒体技术融合发展，营造引导基本思想的新环境。融媒体技术有效地利用了这些传播媒介，明显发挥了其对大众思维的主导作用。

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

4.1 融媒体平台建设背景

随着信息技术在实践中的快速发展，尤其是微信、微博和移动应用的广泛使用，我国新兴媒体在实践中的应用也越来越广，其影响力也越来越大。据统计，2020年6月，全国网民规模达9.4亿，其中手机网民规模达9.32亿。高达99.2%的庞大群体，给传统媒体带来了前所未有的影响[7]。为了打造建设新媒体的主要目标，进一步融合媒体平台，通过云计算、大数据等新型网络技术联合支撑，进一步实现传统媒体和新媒体之间的融合发展，最大限度地为市民提供便利。

4.2 融媒体平台建设思路

4.2.1 传统媒体制作平台

此平台主要针对本地化的部署进行设计，采用分布式的网络架构，进而组成一个庞大的局域网生产平台。

4.2.2 新媒体制作平台

新媒体制作平台是一个基于网络的平台，在制作中，需要简单进行部署。大部分活动是由阿里巴巴、腾讯和百度等在线运营商，联合其他提供信息的媒介聚合和发布而成的服务第三方提供的。

4.2.3 媒体制作综合指挥平台

目标是实现两个平台之间的连接和相互通信并共享信息资源，对两个平台上的媒体信息进行统一管控，实现多渠道自定义推送。

4.3 HTML5的应用

4.3.1 共享信息资源

通过连接相关网络数据，实现相关信息同步，如：紧急新闻、天气预报、微信排名等有关数据资源，为新闻指挥调度提供方向。

4.3.2 实现定位功能

利用高德地图，将记者当前所在的地理位置显示在指挥中心的大屏幕上，便于新闻中心和调度员在突发事件中呼叫附近人员进行新闻报道。现场视、音频信号通过4G或无线信号传回指挥中心进行现场实时汇报和信号记录，实现画面共享。

4.3.3 图形显示的实现

记者报道的话题在大屏幕上以列表的形式呈现，调度员根据选择的话题进行查看和报道。新闻投递后，记者可以对新闻进行采编，成品发送至播出平台进行播出。所有过程都以进度条的形式显示在大屏幕上，方便指挥随时了解节目制作进度。云数据后台分析是根据不同业务的个性化需求，对业务必要的任务和内容及交互反馈进行处理、整合、加工等。

4.3.4 规范新媒体生产经营

与传统媒体相比，它可以实现新的媒体内容结构，支持未来新媒体技术越来越标准化。在HTML5标签中呈现站点信息使目录更易于索引并因此可搜索[8]。通过规范音视频设计，增加离线数据缓存，用户可以更方便、更高效地查看和访问新的多媒体信息，同时减少用户访问网络时的流量消耗。

4.3.5 监控平台设备

这包括网络吞吐量、内存分配率、共享内存分配率、CPU内存使用率、CPU分配率、媒体平台硬件上的可恢复资源进行检测以及对系统平台健康分析，并且以线性、直方图等形式进行显示。

5 基于融媒体平台的H5产品设计开发的方法、实现路径及创新发展

5.1 H5产品设计开发的方法

HTML5页面是传播新闻的重要工具。许多公司正在使用HTML5页面发布产品信息，并开始使用该页面创建媒体平台。无论是UV、PV还是微信文章，都会通过网页的H5设计吸引粉丝，营销人员会非常关注网页HTML5媒体平台的开发。企业服务商也非常重视H5产品销售和媒体平台整合，并取得了很多成功案例。例如微信软件功能的定制技术，如微信双屏互动、投票。

5.2 H5产品设计开发路径

以大学网站为例，主要由以下几部分组成：大学概况、大学介绍、技能介绍、优秀校友、就业方向等。为了突出学校的形象，有必要在学校的介绍中表明学校的发展方向和办学理念。在显示选项方面，有两种颜色可供选择，其中一种是平台设计的核心。在媒体平台的不同页面中有五种主题颜色，可以充分体现校园氛围，防止眼睛疲劳。在实施H5融媒体平台时，一定要注重图像的表现，让H5网站上的图像具有丰富的动态效果，给人以强烈的视觉冲击。产品首页不断加入动画效果突出H5的主打产品，让画面更加绚丽多彩，花瓣更加生动，层次感和动态背景也通过深度动画得到增强。H5产品的文字和图片以飞入或拉远的方式呈现，充分展现了图片的焦点。形式也很新潮，所以平台更具互动性和参与性，提高了学校的知名度。

5.3 H5产品设计开发的创新发展

发展MicroH5的网站设计创新，结合经过大量媒体平台测试的综合媒体平台，可以为金融媒体平台创建网址，并结合各种媒体格式导出源文件包，以便参加各种比赛。Talousmedia平台也可以生成相应的二维码。用户在手机上浏览H5页面时，只需长按二维码，然后点击识别二维码即可。创新的AI技术在H5页面媒体平台上的应用，让H5页面展示的各类产品都具备了AI功能。许多产品使用VR/AR技术将全媒体平台融入新媒体时代。对于H5视频设计和网站开发，这些视频大多是PR剪辑和AE包。融媒体平台H5页面定制化功能的设计开发通常要根据实际需求和产品应用进行。

6 结语

随着互联网和新媒体的迅猛发展，HTML5技术也在互联网的发展中不断更新和改进，以提高自身优势，尤其是在图形处理方面，已经表现出非常突出的应用优势，成为主打技术。新的网络信息技术与新媒体平台融合后，新媒体平台将更具活力，用户将更方便地接收信息，融媒体平台建设过程中利用HTML5技术的支持，起到了非常有效的作用。