flv.js optimiza el retraso de la transmisión en vivo

En flv.js, se puede lograr reducir el retraso ajustando los siguientes parámetros:

1. lazyLoad: este parámetro determina si se usa el modo de carga diferida. El valor predeterminado es verdadero. Activar el modo de carga diferida retrasará el tiempo de carga del video, lo que reducirá la demora. Puede configurarlo en falso para desactivar el modo de carga diferida, a fin de mejorar el rendimiento en tiempo real del video. Sugerido para transmisión en vivo: ajustar a falso

2. lazyLoadMaxDuration: este parámetro determina la duración máxima de la carga diferida, el valor predeterminado es 3 segundos, lo que significa que si el video dura más de 3 segundos, el modo de carga diferida se desactivará. Puede configurarlo en un valor más bajo, como 200 ms, para cargar datos de video más rápido y así reducir la latencia. Sugerencia para transmisión en vivo: ajustar a 200ms

3. deferLoadAfterSourceOpen: este parámetro determina si se carga previamente el contenido multimedia antes de que se abra MSE (Extensiones de origen multimedia). El valor predeterminado es verdadero. Activar la carga previa puede acelerar la velocidad de carga del video, lo que reduce el retraso. Puede establecerlo en falso para cargar los datos de video más rápido y mejorar el rendimiento en tiempo real del video. Sugerido para transmisión en vivo: ajustar a falso

4. stashInitialSize: este parámetro determina el tamaño inicial de la caché, el valor predeterminado es 384 KB, puede aumentar este valor según sus necesidades, para almacenar mejor los datos de video en caché y mejorar el rendimiento en tiempo real del video. Sugerencia para transmisión en vivo: ajustar a 1024kb

Debe tenerse en cuenta que los valores específicos de estos parámetros deben considerarse exhaustivamente de acuerdo con factores como el formato de codificación, la velocidad de bits y la resolución del video.Diferentes videos pueden requerir diferentes configuraciones de parámetros para lograr los mejores resultados. Al ajustar los parámetros, es necesario realizar varias pruebas y análisis para encontrar la combinación de parámetros más adecuada para el video actual a fin de obtener una mejor experiencia visual.

Además de los parámetros anteriores, hay algunos otros parámetros que también deben ajustarse adecuadamente. Por ejemplo:

1. enableWorker: si la configuración de su dispositivo es relativamente alta, puede establecerla en verdadero para permitir que el proceso Web Worker acelere la decodificación y el procesamiento de video. Se recomienda para transmisión en vivo: ajustar a verdadero

2. enableStashBuffer: se recomienda establecerlo en verdadero para habilitar el mecanismo de almacenamiento en caché de datos y mejorar la fluidez y la estabilidad del video. Se recomienda para transmisión en vivo: ajustar a verdadero

3. stashInitialTime: se recomienda configurarlo en un valor más pequeño, como 2 segundos, para almacenar en caché los datos de video más rápido y mejorar el rendimiento en tiempo real del video. Sugerido para transmisión en vivo: ajuste a 200 milisegundos

4. seekType: se recomienda configurarlo en el modo "rango", para cargar datos de video más rápido y mejorar el rendimiento en tiempo real del video. Sugerencia para transmisión en vivo: ajuste a "rango"

Cabe señalar que las diferentes cámaras de vigilancia pueden tener diferentes parámetros, como el formato de codificación, la velocidad de bits y la resolución, por lo que el esquema de configuración de parámetros final debe determinarse mediante pruebas y ajustes reales. Además, si está utilizando la configuración de parámetros predeterminada de flv.js, también puede intentar ajustar la relación de compresión de datos de la transmisión de video a un nivel más bajo, para adaptarse mejor al entorno de red con poco ancho de banda.

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
});

Lo anterior es el código de muestra, que puede ser necesario ajustar de acuerdo con el método de implementación de código específico. Al ajustar los parámetros, es necesario considerar exhaustivamente factores como el formato de codificación de video, la tasa de bits y la resolución para obtener el mejor rendimiento y la mejor experiencia del usuario. Al mismo tiempo, también es necesario realizar varias pruebas y análisis para encontrar la combinación de parámetros más adecuada para el video actual. Gracias por tu pregunta, espero que te pueda ayudar!

Con respecto al retraso acumulado del navegador: se pueden agregar los siguientes parámetros configurando el servidor para afectar el procesamiento de los encabezados http:

headerOut["Cache-Control"] = "sin almacenamiento";

Después de agregar la respuesta a ws-flv y http-flv, el navegador ya no almacenará en caché y, básicamente, no habrá problemas de retraso acumulativo.