【技术科普】低延时的H5视频直播怎么实现？费大功夫降低HLS延时是否可取？

本文主要是介绍【技术科普】低延时的H5视频直播怎么实现？费大功夫降低HLS延时是否可取？，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

恰逢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码率了，下载更快，意味着延时更低了；