天天看点

费大功夫降低HLS延时是否可取?低延时的H5视频直播怎么实现?

恰逢1024程序员节日,看了不少视频类的技术分享和成果,其中有一些我还是比较感兴趣的,就是对于H5全平台直播延时的控制,经过多年的发展,现在能想到全平台的直播技术,估计就是HLS(m3u8+ts)了,但HLS直播一直以来都有一个非常麻烦的问题,那就是起播太慢,延时太高,大部分的同学都是通过降低gop、降低ts切片的时长来降低延时的,但这种情况下,能做到的最低延时也差不多2~3s,再低的情况下可能会造成不兼容的问题;

同样,我们最近也碰到一个用户的需求,应用场景是这样的,一个智慧类项目(智慧工地、智慧社区、智慧加油站),需要将现场视频上云,原来采用的是华为摄像机的RTSP流转推到华为云,输出HLS流,做全网、全平台的H5直播,但HLS的延时相对较高,在某些特殊的场景中,又对延时是较为敏感的,那么,有什么办法既可以解决全平台直播、又能够较低延时呢?

我们先来做一些关于直播流媒体协议分析的讨论:

  • 桌面浏览器目前支持性较好的就是http-flv、websocket-flv直播技术,延时较低;
  • 移动内核目前支持较好的就是hls,延时较高;
  • 桌面浏览器对hls的支持也比较好,但延时较高;
  • 那么,移动端是否也可以用http-flv协议呢?这样不就解决了移动端直播延时的问题了吗?

综合了多个方面的考虑,flv+wasm的解决方案是可以达到这个要求的:

  • flv流延时低:flv流的形态可以是http-flv,也可以是ws-flv,是一种非常低延时的直播流,目前,在很多直播平台都是支持同步输出这种流协议的,但flv流会存在一个问题,就是在移动端会有不兼容的现象,在某些不支持MSE功能的移动端浏览器内核上,flv流是无法播放的,在iOS就直接可以肯定是无法播放的;
  • wasm全终端播放:

    为了解决flv全终端播放的问题,我们引入了wasm播放技术,wasm技术不但能够解决flv的低延时诉求,还能够解决在各种桌面平台、移动平台、微信平台的播放需求,尤其是iOS平台,可见wasm技术已经逐步成为主流中的必备项;

  • wasm支持H.265(HEVC)

    EasyPlayer.js支持wasm研发之初的主要需求就是支持H.265,wasm支持H.265不仅能够降低视频直播的流量消耗,而且降低带宽,同样的2M H.264直播流,在H.265就只需要1M码率了,下载更快,意味着延时更低了;

H.265的支持是非常重要的,H.265设备普及量大、带宽占用低、存储消耗少,整个经济成本控制上是不可获取的!

继续阅读