From ab72dacb61080c1ecff1b9b1c8dd3ec8ffa06fee Mon Sep 17 00:00:00 2001 From: Izan Gil <66965250+SrIzan10@users.noreply.github.com> Date: Thu, 21 Aug 2025 21:17:25 +0200 Subject: [PATCH] fix: more webplayer improvements --- .../app/StreamPlayer/StreamPlayer.tsx | 29 ++++++++++++------- dev/nginx.conf | 13 +++++---- 2 files changed, 26 insertions(+), 16 deletions(-) diff --git a/apps/web/src/components/app/StreamPlayer/StreamPlayer.tsx b/apps/web/src/components/app/StreamPlayer/StreamPlayer.tsx index 89d1d0a..653ae07 100644 --- a/apps/web/src/components/app/StreamPlayer/StreamPlayer.tsx +++ b/apps/web/src/components/app/StreamPlayer/StreamPlayer.tsx @@ -26,20 +26,27 @@ export default function StreamPlayer() { autoplay config={{ lowLatencyMode: true, - liveSyncDurationCount: 3, - liveMaxLatencyDurationCount: 6, + liveSyncDurationCount: 2, + liveMaxLatencyDurationCount: 4, liveDurationInfinity: true, enableWorker: true, - backBufferLength: 5, - startLevel: -1, - maxBufferLength: 8, - maxMaxBufferLength: 12, + backBufferLength: 2, + startLevel: 0, + maxBufferLength: 4, + maxMaxBufferLength: 8, + startFragPrefetch: true, + testBandwidth: false, + progressive: true, + maxBufferSize: 30 * 1000 * 1000, + maxBufferHole: 0.3, + highBufferWatchdogPeriod: 1, + nudgeOffset: 0.05, + nudgeMaxRetry: 2, + manifestLoadingTimeOut: 5000, + manifestLoadingMaxRetry: 2, + levelLoadingTimeOut: 5000, + fragLoadingTimeOut: 10000, debug: process.env.NODE_ENV === 'development', - maxBufferSize: 60 * 1000 * 1000, // 60mb - maxBufferHole: 0.5, - highBufferWatchdogPeriod: 2, - nudgeOffset: 0.1, - nudgeMaxRetry: 3, }} /> diff --git a/dev/nginx.conf b/dev/nginx.conf index 65406a0..626dca3 100644 --- a/dev/nginx.conf +++ b/dev/nginx.conf @@ -23,13 +23,16 @@ rtmp { hls on; hls_type live; hls_path /dev/shm/hls; - hls_fragment 1s; - hls_playlist_length 15s; + hls_fragment 2s; + hls_playlist_length 20s; hls_cleanup on; - hls_variant _low BANDWIDTH=500000; - hls_variant _mid BANDWIDTH=1000000; - hls_variant _hi BANDWIDTH=1500000; + hls_fragment_naming timestamp; + hls_fragment_slicing aligned; + + hls_variant _low BANDWIDTH=300000 RESOLUTION=480x270; + hls_variant _mid BANDWIDTH=600000 RESOLUTION=640x360; + hls_variant _hi BANDWIDTH=1000000 RESOLUTION=854x480; } } }