HTML5和HLS协议两种技术完美结合解决移动端网页播放问题

什么是HTML5

 

我们需要先了解一下HTML是什么。HTML的英文全称为Hyper Text Markup Language，即超文本标记语言。HTML5是HTML的一个新版本。HTML 不是一种编程语言，而是一种标记语言 (markup language)。HTML5是对 HTML 标准的第五次修订。

 

其主要的目标是将互联网语义化，以便更好地被人类和机器阅读，并同时提供更好地支持各种媒体的嵌入。HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点，如video、audio和canvas 标记。HTML5还引进了新的功能，可以真正改变用户与文档的交互方式。

 

什么是HLS

 

HLS (HTTP Live Streaming)，Apple的动态码率自适应技术。主要用于PC和Apple终端的音视频服务。包括一个m3u(8)的索引文件，TS媒体分片文件和key加密串文件。

 

把上述2个技术性很强的概念表述翻译下。就是说H5是一种HTML的新标准，这种新标准支持原生的video标签和video控件。因为video控件标签又支持HLS协议播放。 所以得以实现在手机移动端的网页播放。H5是解决网页播放问题，HLS解决的是移动端播放问题。 两者的结合使得手机移动端的网页播放得以完美的实现。 从而实现了所有观看直播和点播视频的大众无需再下载任何插件就可以欣赏视频内容。 从技术角度上讲，是一种视频观看欣赏体验的大飞跃。

 

在 HTML5 页面上使用 HLS

 

直接: <video src="example.m3u8" controls></video>

 

或者:

 

<video controls>

<source src="example.m3u8"></source>

</video>

 

这两种技术结合应用最为广泛就是网络视频直播点播领域。很多品牌的流媒体直播点播系统目前都直接利用两种技术的结合给广大的观看视频用户提供了好的技术支撑，如Adobe Flash Media Server，Wowza Media Server或800Li Media Server。

手机网页观看直播演示

手机APP并支持HTML所需要的开发工具

 

1. Bizness Apps

2. APPMakr

3. Appsgeyser

4. Mobile Roadie

5. DevmyApp