问题引入
视频的第一帧加载缓慢。
简介
HTTP Live Streaming,缩写为HLS,是由苹果公司提出基于HTTP的流媒体网络传输协议。它的工作原理是把整个流分成一个个小的基于HTTP的文件来下载,每次只下载一些。当媒体流正在播放时,客户端可以选择从许多不同的备用源中以不同的速率下载同样的资源,允许流媒体会话适应不同的数据速率。在开始一个流媒体会话时,客户端会下载一个包含元数据的扩展 M3U (m3u8)播放列表文件,用于寻找可用的媒体流。
目前HLS协议被广泛的应用于视频点播和直播领域。
由Apple提出和开发,但并不是仅仅使用在ios系统上,目前在各种终端均得到了支持
M3U文件是一种纯文本文件,可以指定一个或多个多媒体文件的位置
使用场景
HLS与MP4格式的对比
视频格式 |
优点 |
缺点 |
MP4 |
各种设备及服务端、CDN都通用 |
头文件较大,边下载边缓存,起播慢 拖动时间轴播放时,需要一定的时间缓存 |
HLS |
对视频进行切片,按切片播放,缓存小,起播快 拖动时间轴到任意时间播放时,可以快速定位到对应的切片进行播放,响应快 |
长视频会导致分片较多 |
总结
长视频的大文件头影响加载速度的视频体验,所以短视频适合使用mp4。
hls将整个视频流分成一个个小的基于Http的文件进行下载播放,因此支持视频点播和直播。
原理与使用
原理介绍
HLS 跟 DASH 协议的原理非常类似。通过将整条流切割成一个小的可以通过 HTTP 下载的媒体文件,然后提供一个配套的媒体列表文件,提供给客户端,让客户端顺序地拉取这些媒体文件播放,来实现看上去是在播放一条流的效果。由于传输层协议只需要标准的 HTTP 协议,HLS 可以方便的透过防火墙或者代理服务器,而且可以很方便的利用 CDN 进行分发加速,并且客户端实现起来也很方便。
HLS 把整个流分成一个个小的基于 HTTP 的文件来下载,每次只下载一些。HLS 协议由三部分组成:HTTP、M3U8、TS。这三部分中,HTTP 是传输协议,M3U8 是索引文件,TS 是音视频的媒体信息。
具体实现
七牛云在视频上传相关提供了相应的语言SDK供给前后端调用,但七牛提供给前端上传视频的上传策略较为单一,生成七牛云上传token的方式在JSSDK中是通过拼接完成的,只能实现简单的视频上传逻辑。因此视频上传很多策略只能在后端指定。
而如果在后端实现整个视频上传的流程的话,在视频上传过程中,服务器的荷载会比较大,并且线上的nginx服务器拒绝了20M以上的文件上传请求,因此大视频上传选择了前后端结合的方法,由后端生成七牛云的上传token并指定相应的上传策略后,由前端使用token进行文