HTML5和HLS协议两种技术完美结合解决移动端网页播放问题
2017-05-22 10:40
471 查看
什么是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
我们需要先了解一下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
相关文章推荐
- HTML5和HLS协议两种技术完美结合解决移动端网页播放问题
- 解决微信不能自动播放HTML5网页audio问题
- Ubuntu 下网页flash问题解决办法--flash无法播放,中文方块字
- 解决Windows 7播放网页视频没有声音的问题
- 解决chromium对html5 标签的 mp3 等视频音频网页的兼容性问题
- 突破蓝牙壁垒:aptX技术完美解决无线音频的延时问题
- 网页制作中完美解决IE兼容模式问题
- 完美解决Google最新的Design:TabLayout结合ViewPager无法显示Icon的问题
- Android HTML5 Video视频标签自动播放与自动全屏问题解决
- AJAX技术与asp.net 2.0的完美结合之Timer的web应用 及使用AJAX控件时的“Sys 未定义”错误解决办法
- 数据库技术_Orcale常见问题(0001)_完美解决sql中带有空格无法执行
- 解决flv格式视频在网页中播放问题
- 解决html5 audio iphone,ipd,safari不能自动播放问题
- 完美解决x2注册页面出现‘抱歉,你输入的用户名小于3个字符问题’的两种方法
- 完美解决网页中Flash狂闪的问题
- 解决flv格式视频在网页中播放问题
- 完美解决KMplayer无法播放RMVB、RM电影问题
- 利用html5实现类似微信的手机摇一摇功能,并播放音乐,并且解决中文乱码的问题。
- 解决html5 audio iphone,ipd,safari不能自动播放问题
- 网页表格表头固定并可以自由拉伸列头的问题解决 (完美方案_html_table_seo)