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

时间:2021-03-25 20:29:09

一、非实时流的播放

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

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

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

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

HTML5页面上使用HLS

直接:

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

或者:

<video controls>

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

</video>

二、实时流的播放

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