您的位置:首页 > Web前端 > HTML5

基于HLS协议的无插件HTML5流媒体播放

2017-11-02 15:59 501 查看
一、非实时流的播放

将非实时媒体数据进行切片成TS文件,并用一个M3U8文件进行索引。

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

m3u8文件:是指UTF-8编码格式的M3U文件。M3U文件是记录了一个索引纯文本文件,打开它时播放软件并不是播放它,而是根据它的索引找到对应的音视频的网络地址进行在线播放。

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

在HTML5页面上使用HLS

直接:

<video src="example.m3u8" controls></video>

或者:

<video controls>

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

</video>

二、实时流的播放

基于上述基础将实时媒体数据进行切片成TS文件,并用一个M3U8文件进行索引。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html5 流媒体