flv.js优化直播时延

在 flv.js 中，要降低时延可以通过调整以下几个参数来实现：

lazyLoad ：该参数决定是否使用懒加载模式，默认为 true，开启懒加载模式会延迟视频的加载时间，从而降低时延。您可以将其设为 false，来关闭懒加载模式，从而提高视频的实时性。建议针对直播：调整为false
lazyLoadMaxDuration ：该参数决定懒加载的最大时长，默认为 3 秒，也就是说如果视频的时长超过了 3 秒，那么懒加载模式就会被关闭。您可以将其设置为更小的值，例如 200 毫秒，以便更快地加载视频数据，从而降低时延。建议针对直播：调整为200ms
deferLoadAfterSourceOpen ：该参数决定是否在 MSE（Media Source Extensions）打开前预加载媒体内容，默认为 true，开启预加载能够加快视频的加载速度，从而降低时延。您可以将其设为 false，以便更快地加载视频数据，提高视频的实时性。建议针对直播：调整为false
stashInitialSize ：该参数决定初始缓存大小，默认为 384KB，您可以根据需要适当增大该值，以便更好地缓存视频数据，提高视频的实时性。建议针对直播：调整为1024kb

需要注意的是，这些参数的具体取值应该根据视频的编码格式、码率、分辨率等因素综合考虑，不同的视频可能需要不同的参数设置来达到最佳效果。在进行参数调整时，需要进行多方面测试和分析，找到最适合当前视频的参数组合，以获得更好的视觉体验。

除了上述参数外，还有一些其他参数也需要进行适当调整。例如：

enableWorker：如果您的设备配置比较高，可以将其设为 true，以启用 Web Worker 进程来加速视频的解码和处理过程。建议针对直播：调整为true
enableStashBuffer：建议将其设为 true，以启用数据缓存机制，提高视频的流畅度和稳定性。建议针对直播：调整为true
stashInitialTime：建议将其设置为较小的值，例如 2 秒，以便更快地缓存视频数据，提高视频的实时性。建议针对直播：调整为200毫秒
seekType：建议将其设置为 “range” 模式，以便更快地加载视频数据，提高视频的实时性。建议针对直播：调整为“range”

需要注意的是，不同的监控摄像头可能拥有不同的编码格式、码率和分辨率等参数，因此最终的参数设置方案需要通过实际测试和调整来确定。另外，如果您使用的是 flv.js 的默认参数设置，也可以尝试将视频流的数据压缩率调整为较低的水平，以便更好地适应带宽较低的网络环境。

var flvPlayer = flv.createPlayer({
  type: 'flv',
  url: 'http://example.com/live/test.flv',
  isLive: true,
  enableWorker: true, //启用 Web Worker 进程来加速视频的解码和处理过程
  enableStashBuffer: true, // 启用数据缓存机制，提高视频的流畅度和稳定性。
  stashInitialSize: 1024 * 1024, // 初始缓存大小。单位：字节。建议针对直播：调整为1024kb
  stashInitialTime: 0.2, // 缓存初始时间。单位：秒。建议针对直播：调整为200毫秒
  seekType: 'range', // 建议将其设置为“range”模式，以便更快地加载视频数据，提高视频的实时性。
  lazyLoad: false, //关闭懒加载模式，从而提高视频的实时性。建议针对直播：调整为false
  lazyLoadMaxDuration: 0.2, // 懒加载的最大时长。单位：秒。建议针对直播：调整为200毫秒
  deferLoadAfterSourceOpen: false // 不预先加载视频数据，在 MSE（Media Source Extensions）打开后立即加载数据，提高视频的实时性。建议针对直播：调整为false
});

以上是示例代码，可能需要根据具体的代码实现方式进行相应调整。在调整参数时，需要根据视频的编码格式、码率、分辨率等因素综合考虑，以获得最佳的性能表现和用户体验。同时，也需要进行多方面测试和分析，找到最适合当前视频的参数组合。感谢您的提问，希望对您有所帮助！

关于浏览器的累积时延问题：可以通过配置服务端的影响http头处理添加如下参数：

headerOut["Cache-Control"] = "no-store";

增加对于ws-flv和http-flv的响应之后，浏览器就不会再进行缓存的，也就基本上不会产生累积时延的问题

flv.js优化直播时延

猜你喜欢