基于HTML5 的电力信息发布管控系统

程周育　王超

摘要：超文本标记语言（Hyper Text Mark-up Language，HTML），是Tim Berners Lee和Daniel W.Connolly在1990年创立的一种标记式语言，这种标记式语言构成了当前互联网上绝大部分的网页文档，是当前互联网上应用最为广泛的标记式语言。从初始的HTML语言的提出到现在已经有二十多年的时间，虽然在这期间经历了很多次改进，但针对当前多媒体信息爆炸增长的情况，旧有的HTML语言对开发人员和使用者的需求，都已经很难满足了。幸运的是，HTML5的出现，可以使用户更好的应对飞速发展的 Web技术和不断出现的Web 应用需求。HTML5是基于HTML4.01，XHTML1.0和DOM级别XHTML的下一代推荐标准，其目标是减少对专有富互联网应用（Rich Internet Application，RIA）技术的依赖，如Flex，Silverlight，JavaFX等。HTML5中出现的新特性，可以使用户在构建在线视频编辑，音频可视化，动作检测等方面使用全新的方案，再加上与JavaScript技术综合使用，可以为互联网多媒体技术带来更大的发展潜力，而且这一技术革新能够更好的支撑多媒体协同编辑技术。所以，应用HTML5技术，构建多媒体电力信息发布系统，能够使开发人员更加快捷的进行开发，使用户更便捷的使用网页，同时降低了浏览器对系统资源的消耗，以及对各种插件的依赖，提高了兼容性。

关键词：HTML5；多媒体；所见即所得

中图分类号：TP311 文献标识码：A 文章编号：1009-3044（2014）10-2239-03

随着宽带技术和计算机技术的不断发展，新的Web技术和新的Web需求也在不断出现，为了应对这种情况，继推出HTML4后，许多相关的组织机构都在积极开展下一代 Web 标准协议的修改制定工作。在这些下一代Web标准协议中，受到关注最多的是Web超文本应用技术工作组（ Web Hypertext Application Technology Working Group，WHATWG）制定的 Web Application 1.0 草案。2007 年，W3C 认可该草案，这成为HTM L5的前身；2008 年，HTM L5 草案的第一份文档正式公布；2010 年，HTML5被正式向公众推荐。当前，在个人计算机浏览器领域，支持HTML5的浏览器不断增多，如奇虎360公司的360浏览器、Mozilla公司的火狐浏览器、谷歌公司的Chrome浏览器、苹果公司的Safari浏览器、网际遨游公司的遨游浏览器和 Opera、都支持 HTML5标准，其中谷歌公司的Chrome浏览器对HTML5标准的支持度是最好的，微软公司的IE9中也增加了对 HTML5标准的支持。在移动计算平台上，苹果公司的IOX系统、谷歌公司的安卓系统，还有微软公司的应用于移动设备的Windows Mobile系统，都加入了对HTML5的支持。在互联网Web页面的使用上，国外的 Twitter 、国内的优酷、土豆等主要音视频网站都已经开始支持HTML5标准。与前几个版本相比，HTML5的发展速度是飞快的，这主要是因为HTML5增加很多新的标签和新的特性。如下表所示：

表1

[新增的特殊内容元素＼&article、header、footer、section、 nav＼&新增的表单控件＼&email、calendar、url、ime、date、tsearch＼&新增的页面元素＼&footer、header、section、figure＼&功能上增加的新特性＼&语义化的标签、对音频的直接支持、对视频的直接支持、矢量绘图、Web Socket、多线程处理、网页内容编辑、离线存储、地理定位等＼&废除的元素＼&basefont、bgsound、big、center、font、frameset、s、plet、frame、blink、strike、tt、u、noframes、marquee＼&]

1 HTML5对多媒体的支持

在Web多媒体音视频方面，HTML5标准提供了两个标签，分别是video标签、audio 标签。通过这两个标签，开发者可以不需要使用任何第三方插件，就可以直接将音频、视频等多媒体内容加入到网页中直接进行播放。而当前因为各浏览器厂商之间并没有统一的协议，所以在针对HTML5的音视频格式上，并没有统一的标准。HTML5中的视频标签（ video）主要支持三种视频编码格式：a） MPEG4 格式；b） WebM格式；c） Ogg格式。音频标签（audio）支持三种音频编码格式：a） Wav 格式；b） OggVorbis格式；c） MP3 格式。

当前情况出现的音视频编码格式无法统一的问题，是由于市场竞争引起的。在视频编码方面，因为MicroSoft公司和Apple公司都是 MPEG编码标准的所有者，所以这两个厂商不遗余力的推广以H.264 编码为基础的MPGE4标准，很多其他没有该编码标准的厂商选择使用Thedora编码方式或者谷歌的V8模式。

对于格式无法的统一的问题，目前各大厂商在积极处理该问题。而HTML5技术带来的新的元素，比如将音视频直接嵌入到网页中使用，这种方式对Rich Internet Application（如JavaFX、Silverlight、Flash等）带来了非常强的冲击。第一、因为如果使用富互联网应用，就要在Web页面使用插件，就需要给该插件留有一定的绘制区域。而该区域对浏览器来说，就像一个黑盒子，浏览器无法理解和处理该区域中出现的任何事件。当插件区域重叠或页面布局动态变化时，就会造成问题。而在HTML5中，各标签通过JS、CSS的配合，各种功能在浏览器内部完成。第二，各种浏览器插件很容易造成浏览器不稳定，而且有可能带来安全漏洞。而在HTML5中，不再需要借助于插件，使用内部功能就可以完成，这就可以在很大程度上避免安全风险。

第三，HTML5技术和富互联网应用技术相比，消耗更少的系统资源。这种优势在移动设备上特别明显，可以最大程度的降低电力消耗，提高移动设备的续航时间。据统计，在消耗相同电力的情况下，使用Flash插件和HTML5播放同一段视频，HTML5的时间比Flash的时间长一倍。最后，基于 HTML5开发的Web应用，具有更好的兼容性，无论是在微软操作系统、Unix操作系统、安卓系统还是苹果的OS系统上，只要其浏览器支持HTML5，就可以兼容使用。

2 基于配置的多媒体共享策略

在使用Flash等插件的富互联网应用中，当用户向其他用户分享视觉特效时，需要把整个视频发送给其他用户。而在HTML5中，用户不再需要把整个视频文件发送给对方，而仅需要发送对视频文件的处理方式的一个描述，对方接收到这个描述后，在原有视频的基础上，由HTML5对该描述进行解析，使用本地系统资源对特效进行计算渲染。这种方式可以提高用户之间的交互速度，增强用户的体验，是多用户之间的交互能够更好的融合到一起。

但是如果同当前强大的桌面级视频编辑软件相比，HTML5在这方面仍有很大的不足，主要体现在最终的渲染效果和视频的发布上。对于这一缺陷，我们可以借助云计算，根据用户的编辑逻辑，把视频导出成带有特效的单一视频。

3 基于HTML5的电力信息发布管控系统

现有的电力信息发布管控系统出现了很多局限性，无法满足用户的需求。面对不断发展的Web应用和需求，HTML5中出现的很多新技术，新特点，可以应用到电力信息发布管控系统中，提高整个系统的性能。因此，结合HTML5的技术优势，构建基于HTML5的电力信息发布管控系统，使其满足用户多方面的需求。

4 结束语

在HTML4的基础上，HTML5中增加了许多新的特性和功能。而随着HTML5技术的发展，各浏览器厂家也将逐步提高对它的支持力度，各种Web应用会渐渐的从当前模式向 HTML5转变。随着HTML5技术的发展，电力信息发布管控系统也会随之而发展。

基于HTML5技术，电力信息发布管控系统的下一步工作将主要实现以下功能：

1） 在手机等移动设备领域，支持 HTML5 的浏览器将迅速增长，通过进一步开发，电力信息发布管控系统适用于移动终端，进一步扩大受众面。

2） 随着电信网、广播电视网、互联网三网融合的发展，HTML5将会成为未来网络融合后系统的一部分，而电视也不再是传统意义上的电视，用户可以通过电视观看网络视频。而基于HTML5技术的电力信息发布管控系统，可以通过电视平台，进入千家万户。

参考文献：

[1] 刘华星，杨庚.HTML5——下一代Web开发标准研究[J].计算机技术与发展，2011（8）.

[2] 百度文库.浅析HTML5在多媒体上的应用前景[EB/OL].[2012-11-07].http：//wenku.baidu.com/view/e3542007de80d4d8d15a4f0c.html.