From 8c2bda77df2d3d5eb191453619f8fe981818db25 Mon Sep 17 00:00:00 2001
From: wintbit <wintbit@outlook.com>
Date: Fri, 22 May 2026 05:16:51 +0800
Subject: [PATCH 1/6] fix danmu panel scrolling

---
 src/components/danmu/DanmuPanel.vue | 32 +++++++----------------------
 1 file changed, 7 insertions(+), 25 deletions(-)

diff --git a/src/components/danmu/DanmuPanel.vue b/src/components/danmu/DanmuPanel.vue
index 77a6fd9..def169f 100644
--- a/src/components/danmu/DanmuPanel.vue
+++ b/src/components/danmu/DanmuPanel.vue
@@ -2,12 +2,9 @@
 import { useMatchEngagementStore } from '@/stores/matchEngagement';
 import { storeToRefs } from 'pinia';
 import ScrollTop from 'primevue/scrolltop';
-import Skeleton from 'primevue/skeleton';
-import VirtualScroller from 'primevue/virtualscroller';
 import { computed } from 'vue';
 import { useDanmuStore } from '../../stores/danmu';
 import { useDanmuFilterStore } from '../../stores/danmuFilter';
-import type { DanmuMessage } from '../../types/api';
 import DanmuItem from './DanmuItem.vue';
 
 const danmuStore = useDanmuStore();
@@ -16,7 +13,7 @@ const matchEngagementStore = useMatchEngagementStore();
 const { messages } = storeToRefs(danmuStore);
 const { viewerCount } = storeToRefs(matchEngagementStore);
 
-const virtualItems = computed<Array<DanmuMessage | null>>(() => {
+const filteredMessages = computed(() => {
   return messages.value.filter((message) => danmuFilterStore.matchMessage(message));
 });
 
@@ -32,29 +29,17 @@ const viewerCountLabel = computed(() => {
       <span class="list-meta-value">{{ viewerCountLabel }}</span>
     </div>
 
-    <VirtualScroller
-      v-if="virtualItems.length"
-      :items="virtualItems"
-      :itemSize="56"
-      :delay="60"
-      class="list-body danmu-virtual"
-      :style="{ height: '100%' }"
-    >
-      <template #item="slotProps">
-        <div v-if="slotProps.item" class="list-row">
-          <DanmuItem :message="slotProps.item" />
-        </div>
-        <div v-else class="list-row">
-          <Skeleton width="100%" height="2rem" />
-        </div>
-      </template>
-    </VirtualScroller>
+    <div v-if="filteredMessages.length" class="list-body danmu-scroll">
+      <div v-for="message in filteredMessages" :key="message.id" class="list-row">
+        <DanmuItem :message="message" />
+      </div>
+    </div>
 
     <div v-else class="list-body list-empty-wrap">
       <div class="list-empty">暂无弹幕</div>
     </div>
 
-    <ScrollTop target=".danmu-virtual" :threshold="120" icon="pi pi-arrow-up" />
+    <ScrollTop target=".danmu-scroll" :threshold="120" icon="pi pi-arrow-up" />
   </section>
 </template>
 
@@ -118,7 +103,4 @@ const viewerCountLabel = computed(() => {
   bottom: 0.75rem;
 }
 
-.list-body :deep(.p-virtualscroller-content) {
-  overflow-x: hidden;
-}
 </style>

From 47bcb421f97c96a76bd820c08c6ca584ef90a1e0 Mon Sep 17 00:00:00 2001
From: wintbit <wintbit@outlook.com>
Date: Fri, 22 May 2026 15:10:58 +0800
Subject: [PATCH 2/6] fix desktop danmu panel height

---
 src/components/layout/LiveStage.vue | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/LiveStage.vue b/src/components/layout/LiveStage.vue
index f5935d0..b781086 100644
--- a/src/components/layout/LiveStage.vue
+++ b/src/components/layout/LiveStage.vue
@@ -63,8 +63,8 @@ function onDanmuReset() {
 
 <template>
   <section class="main-grid">
-    <Splitter v-if="!isMobile && danmuEnabledAtLoad" layout="horizontal" :style="{ height: '100%' }">
-      <SplitterPanel :size="75" :minSize="50">
+    <Splitter v-if="!isMobile && danmuEnabledAtLoad" layout="horizontal" class="desktop-live-splitter">
+      <SplitterPanel :size="75" :minSize="50" class="live-panel-wrap">
         <div class="live-column">
           <MatchFirepowerBar v-if="pkEnabled && hasCurrentMatch" />
           <div v-else-if="pkEnabled && showMatchDependentPlaceholder" class="firepower-slot" aria-hidden="true" />
@@ -133,12 +133,22 @@ function onDanmuReset() {
   gap: 1rem;
   grid-template-columns: 1fr;
   min-width: 0;
+  min-height: 0;
 }
 
 .live-column {
   min-width: 0;
 }
 
+.desktop-live-splitter {
+  height: fit-content;
+  align-items: stretch;
+}
+
+.live-panel-wrap {
+  min-width: 0;
+}
+
 .firepower-slot {
   min-height: 2.9rem;
 }
@@ -159,6 +169,9 @@ function onDanmuReset() {
 .danmu-panel-wrap {
   display: flex;
   flex-direction: column;
+  align-self: stretch;
+  min-height: 0;
+  min-width: 0;
   overflow: hidden;
 }
 

From 5917f4a893a5ab9f32e97617d9cce562d77a202a Mon Sep 17 00:00:00 2001
From: WintBit <wintbit@outlook.com>
Date: Fri, 22 May 2026 15:37:30 +0800
Subject: [PATCH 3/6] Fix desktop danmu panel height (#11)

---
 src/components/layout/LiveStage.vue | 52 ++++++++++++++++++++++++++---
 1 file changed, 48 insertions(+), 4 deletions(-)

diff --git a/src/components/layout/LiveStage.vue b/src/components/layout/LiveStage.vue
index b781086..a5820ad 100644
--- a/src/components/layout/LiveStage.vue
+++ b/src/components/layout/LiveStage.vue
@@ -5,7 +5,7 @@ import { storeToRefs } from 'pinia';
 import { Fieldset } from 'primevue';
 import Splitter from 'primevue/splitter';
 import SplitterPanel from 'primevue/splitterpanel';
-import { computed, defineAsyncComponent } from 'vue';
+import { computed, defineAsyncComponent, nextTick, onBeforeUnmount, onMounted, ref, watch } from 'vue';
 import LivePlayer from '../live/LivePlayer.vue';
 import type { DanmuMessage } from '../../types/api';
 
@@ -39,6 +39,45 @@ const MatchReactionStrip = defineAsyncComponent(() => import('../panels/MatchRea
 
 const hasCurrentMatch = computed(() => Boolean(runningMatchForSelectedZone.value));
 const showMatchDependentPlaceholder = computed(() => streamLoading.value || !liveGameInfo.value);
+const liveColumnRef = ref<HTMLElement | null>(null);
+const desktopSplitterStyle = ref<Record<string, string>>({});
+
+let liveColumnResizeObserver: ResizeObserver | null = null;
+
+function updateDesktopSplitterHeight() {
+  if (isMobile.value || !danmuEnabledAtLoad || !liveColumnRef.value) {
+    desktopSplitterStyle.value = {};
+    return;
+  }
+
+  const height = liveColumnRef.value.getBoundingClientRect().height;
+  if (height > 0) {
+    desktopSplitterStyle.value = {
+      '--live-stage-height': `${Math.ceil(height)}px`,
+    };
+  }
+}
+
+onMounted(() => {
+  liveColumnResizeObserver = new ResizeObserver(() => updateDesktopSplitterHeight());
+  if (liveColumnRef.value) {
+    liveColumnResizeObserver.observe(liveColumnRef.value);
+  }
+
+  void nextTick(updateDesktopSplitterHeight);
+});
+
+onBeforeUnmount(() => {
+  liveColumnResizeObserver?.disconnect();
+  liveColumnResizeObserver = null;
+});
+
+watch(
+  [isMobile, pkEnabled, reactionEnabled, hasCurrentMatch, showMatchDependentPlaceholder],
+  () => {
+    void nextTick(updateDesktopSplitterHeight);
+  },
+);
 
 function onRetry() {
   void dataStore.retryLiveStream();
@@ -63,9 +102,14 @@ function onDanmuReset() {
 
 <template>
   <section class="main-grid">
-    <Splitter v-if="!isMobile && danmuEnabledAtLoad" layout="horizontal" class="desktop-live-splitter">
+    <Splitter
+      v-if="!isMobile && danmuEnabledAtLoad"
+      layout="horizontal"
+      class="desktop-live-splitter"
+      :style="desktopSplitterStyle"
+    >
       <SplitterPanel :size="75" :minSize="50" class="live-panel-wrap">
-        <div class="live-column">
+        <div ref="liveColumnRef" class="live-column">
           <MatchFirepowerBar v-if="pkEnabled && hasCurrentMatch" />
           <div v-else-if="pkEnabled && showMatchDependentPlaceholder" class="firepower-slot" aria-hidden="true" />
           <LivePlayer
@@ -141,7 +185,7 @@ function onDanmuReset() {
 }
 
 .desktop-live-splitter {
-  height: fit-content;
+  height: var(--live-stage-height, auto);
   align-items: stretch;
 }
 

From 226e4bcce64c2caacb09cb4b5f61baa7fcbfbde3 Mon Sep 17 00:00:00 2001
From: WintBit <wintbit@outlook.com>
Date: Fri, 22 May 2026 15:45:07 +0800
Subject: [PATCH 4/6] Stabilize live playback buffering (#12)

---
 src/components/live/LivePlayer.vue | 74 +++++++++++++++++++-----------
 1 file changed, 47 insertions(+), 27 deletions(-)

diff --git a/src/components/live/LivePlayer.vue b/src/components/live/LivePlayer.vue
index fae90e3..926858b 100644
--- a/src/components/live/LivePlayer.vue
+++ b/src/components/live/LivePlayer.vue
@@ -92,6 +92,11 @@ let lastUserGestureAt = 0;
 let userPausedPlayback = false;
 let retryRemountCount = 0;
 
+const BUFFER_AHEAD_RECOVERY_THRESHOLD = 0.35;
+const STABLE_LIVE_EDGE_DELAY_SECONDS = 6;
+const SOFT_RECOVERY_MIN_INTERVAL_MS = 5000;
+const FORCE_REMOUNT_STALL_MS = 28000;
+
 const danmuFilterStore = useDanmuFilterStore();
 const matchEngagementStore = useMatchEngagementStore();
 const userInfoStore = useUserInfoStore();
@@ -271,13 +276,26 @@ function getLiveEdgeTime(video: HTMLVideoElement) {
   return buffered.end(buffered.length - 1);
 }
 
-function seekNearLiveEdge(video: HTMLVideoElement) {
+function getBufferedAhead(video: HTMLVideoElement) {
+  const { buffered, currentTime } = video;
+  for (let i = 0; i < buffered.length; i += 1) {
+    const start = buffered.start(i);
+    const end = buffered.end(i);
+    if (currentTime >= start && currentTime <= end) {
+      return Math.max(0, end - currentTime);
+    }
+  }
+
+  return 0;
+}
+
+function seekToStableBufferedPosition(video: HTMLVideoElement) {
   const liveEdge = getLiveEdgeTime(video);
   if (liveEdge === null) {
     return false;
   }
 
-  const targetTime = Math.max(0, liveEdge - 1.5);
+  const targetTime = Math.max(0, liveEdge - STABLE_LIVE_EDGE_DELAY_SECONDS);
   if (Number.isFinite(targetTime) && Math.abs(video.currentTime - targetTime) > 0.8) {
     video.currentTime = targetTime;
     return true;
@@ -301,15 +319,17 @@ function triggerStreamRecovery(video: HTMLVideoElement, forceRemount = false) {
   }
 
   const now = Date.now();
-  if (!forceRemount && now - lastRecoveryAt < 2500) {
+  if (!forceRemount && now - lastRecoveryAt < SOFT_RECOVERY_MIN_INTERVAL_MS) {
     return;
   }
   lastRecoveryAt = now;
 
   if (!forceRemount) {
     try {
-      liveHls?.startLoad?.();
-      seekNearLiveEdge(video);
+      liveHls?.startLoad?.(Number.isFinite(video.currentTime) ? video.currentTime : undefined);
+      if (video.readyState < HTMLMediaElement.HAVE_FUTURE_DATA || getBufferedAhead(video) < BUFFER_AHEAD_RECOVERY_THRESHOLD) {
+        seekToStableBufferedPosition(video);
+      }
       tryPlayVideo(video);
       return;
     } catch (error) {
@@ -382,14 +402,14 @@ function checkPlayerHealth() {
   }
 
   const readyToPlay = video.readyState >= HTMLMediaElement.HAVE_FUTURE_DATA;
-  const likelyStalled = !video.paused && !video.ended && !progressed && now - lastProgressCheckAt > 6000;
+  const likelyStalled = !video.paused && !video.ended && !progressed && now - lastProgressCheckAt > 8000;
   const passivePause = video.paused && !video.ended && !userPausedPlayback && now - lastUserGestureAt > 1500;
 
   if (passivePause || likelyStalled || !readyToPlay) {
     if (!stalledSince) {
       stalledSince = now;
     }
-    triggerStreamRecovery(video, now - stalledSince > 14000);
+    triggerStreamRecovery(video, now - stalledSince > FORCE_REMOUNT_STALL_MS);
   }
 }
 
@@ -943,32 +963,32 @@ async function mountPlayer(url: string) {
           const hlsBufferStalledDetail = (HlsCtor as any).ErrorDetails?.BUFFER_STALLED_ERROR ?? 'bufferStalledError';
 
           const hls = new HlsCtor({
-            // Favor stability over ultra-low latency to avoid frequent stalls on mobile networks.
+            // Favor continuity over low latency: keep a deeper live buffer and avoid chasing the edge.
             lowLatencyMode: false,
             liveDurationInfinity: true,
             liveSyncMode: 'buffered',
-            backBufferLength: 20,
-            maxBufferLength: 20,
-            maxMaxBufferLength: 40,
-            maxBufferHole: 0.8,
-            liveSyncDurationCount: 3,
-            liveMaxLatencyDurationCount: 8,
-            maxLiveSyncPlaybackRate: 1.2,
-            liveSyncOnStallIncrease: 1,
-            nudgeOffset: 0.12,
-            nudgeMaxRetry: 8,
+            backBufferLength: 30,
+            maxBufferLength: 45,
+            maxMaxBufferLength: 90,
+            maxBufferHole: 1.5,
+            liveSyncDurationCount: 6,
+            liveMaxLatencyDurationCount: 18,
+            maxLiveSyncPlaybackRate: 1.05,
+            liveSyncOnStallIncrease: 2,
+            nudgeOffset: 0.2,
+            nudgeMaxRetry: 12,
             enableWorker: true,
             startFragPrefetch: true,
             testBandwidth: false,
-            manifestLoadingMaxRetry: 4,
-            manifestLoadingRetryDelay: 500,
-            manifestLoadingMaxRetryTimeout: 4000,
-            levelLoadingMaxRetry: 5,
-            levelLoadingRetryDelay: 700,
-            levelLoadingMaxRetryTimeout: 6000,
-            fragLoadingMaxRetry: 6,
-            fragLoadingRetryDelay: 800,
-            fragLoadingMaxRetryTimeout: 10000,
+            manifestLoadingMaxRetry: 8,
+            manifestLoadingRetryDelay: 700,
+            manifestLoadingMaxRetryTimeout: 8000,
+            levelLoadingMaxRetry: 8,
+            levelLoadingRetryDelay: 1000,
+            levelLoadingMaxRetryTimeout: 10000,
+            fragLoadingMaxRetry: 10,
+            fragLoadingRetryDelay: 1000,
+            fragLoadingMaxRetryTimeout: 15000,
             startLevel: -1,
           });
 

From 44d6eaede392e29b5633203595a62ad05754e3f4 Mon Sep 17 00:00:00 2001
From: WintBit <wintbit@outlook.com>
Date: Fri, 22 May 2026 16:46:52 +0800
Subject: [PATCH 5/6] Simplify live player recovery (#13)

---
 src/components/live/LivePlayer.vue | 84 +++++++-----------------------
 1 file changed, 18 insertions(+), 66 deletions(-)

diff --git a/src/components/live/LivePlayer.vue b/src/components/live/LivePlayer.vue
index 926858b..4d318e3 100644
--- a/src/components/live/LivePlayer.vue
+++ b/src/components/live/LivePlayer.vue
@@ -92,10 +92,7 @@ let lastUserGestureAt = 0;
 let userPausedPlayback = false;
 let retryRemountCount = 0;
 
-const BUFFER_AHEAD_RECOVERY_THRESHOLD = 0.35;
-const STABLE_LIVE_EDGE_DELAY_SECONDS = 6;
 const SOFT_RECOVERY_MIN_INTERVAL_MS = 5000;
-const FORCE_REMOUNT_STALL_MS = 28000;
 
 const danmuFilterStore = useDanmuFilterStore();
 const matchEngagementStore = useMatchEngagementStore();
@@ -262,48 +259,6 @@ function isDocumentVisible() {
   return typeof document === 'undefined' || document.visibilityState !== 'hidden';
 }
 
-function getLiveEdgeTime(video: HTMLVideoElement) {
-  const hlsLiveSyncPosition = liveHls?.liveSyncPosition;
-  if (typeof hlsLiveSyncPosition === 'number' && Number.isFinite(hlsLiveSyncPosition)) {
-    return hlsLiveSyncPosition;
-  }
-
-  const buffered = video.buffered;
-  if (!buffered.length) {
-    return null;
-  }
-
-  return buffered.end(buffered.length - 1);
-}
-
-function getBufferedAhead(video: HTMLVideoElement) {
-  const { buffered, currentTime } = video;
-  for (let i = 0; i < buffered.length; i += 1) {
-    const start = buffered.start(i);
-    const end = buffered.end(i);
-    if (currentTime >= start && currentTime <= end) {
-      return Math.max(0, end - currentTime);
-    }
-  }
-
-  return 0;
-}
-
-function seekToStableBufferedPosition(video: HTMLVideoElement) {
-  const liveEdge = getLiveEdgeTime(video);
-  if (liveEdge === null) {
-    return false;
-  }
-
-  const targetTime = Math.max(0, liveEdge - STABLE_LIVE_EDGE_DELAY_SECONDS);
-  if (Number.isFinite(targetTime) && Math.abs(video.currentTime - targetTime) > 0.8) {
-    video.currentTime = targetTime;
-    return true;
-  }
-
-  return false;
-}
-
 function tryPlayVideo(video: HTMLVideoElement) {
   const playResult = video.play();
   if (playResult && typeof playResult.catch === 'function') {
@@ -326,10 +281,7 @@ function triggerStreamRecovery(video: HTMLVideoElement, forceRemount = false) {
 
   if (!forceRemount) {
     try {
-      liveHls?.startLoad?.(Number.isFinite(video.currentTime) ? video.currentTime : undefined);
-      if (video.readyState < HTMLMediaElement.HAVE_FUTURE_DATA || getBufferedAhead(video) < BUFFER_AHEAD_RECOVERY_THRESHOLD) {
-        seekToStableBufferedPosition(video);
-      }
+      liveHls?.startLoad?.();
       tryPlayVideo(video);
       return;
     } catch (error) {
@@ -409,7 +361,7 @@ function checkPlayerHealth() {
     if (!stalledSince) {
       stalledSince = now;
     }
-    triggerStreamRecovery(video, now - stalledSince > FORCE_REMOUNT_STALL_MS);
+    triggerStreamRecovery(video, now - stalledSince > 20000);
   }
 }
 
@@ -963,32 +915,32 @@ async function mountPlayer(url: string) {
           const hlsBufferStalledDetail = (HlsCtor as any).ErrorDetails?.BUFFER_STALLED_ERROR ?? 'bufferStalledError';
 
           const hls = new HlsCtor({
-            // Favor continuity over low latency: keep a deeper live buffer and avoid chasing the edge.
+            // Favor continuity over low latency, while leaving timeline control to HLS/video.
             lowLatencyMode: false,
             liveDurationInfinity: true,
             liveSyncMode: 'buffered',
             backBufferLength: 30,
-            maxBufferLength: 45,
-            maxMaxBufferLength: 90,
-            maxBufferHole: 1.5,
-            liveSyncDurationCount: 6,
-            liveMaxLatencyDurationCount: 18,
-            maxLiveSyncPlaybackRate: 1.05,
-            liveSyncOnStallIncrease: 2,
-            nudgeOffset: 0.2,
-            nudgeMaxRetry: 12,
+            maxBufferLength: 30,
+            maxMaxBufferLength: 60,
+            maxBufferHole: 1,
+            liveSyncDurationCount: 5,
+            liveMaxLatencyDurationCount: 15,
+            maxLiveSyncPlaybackRate: 1,
+            liveSyncOnStallIncrease: 1,
+            nudgeOffset: 0.1,
+            nudgeMaxRetry: 6,
             enableWorker: true,
             startFragPrefetch: true,
             testBandwidth: false,
-            manifestLoadingMaxRetry: 8,
+            manifestLoadingMaxRetry: 6,
             manifestLoadingRetryDelay: 700,
-            manifestLoadingMaxRetryTimeout: 8000,
-            levelLoadingMaxRetry: 8,
+            manifestLoadingMaxRetryTimeout: 6000,
+            levelLoadingMaxRetry: 6,
             levelLoadingRetryDelay: 1000,
-            levelLoadingMaxRetryTimeout: 10000,
-            fragLoadingMaxRetry: 10,
+            levelLoadingMaxRetryTimeout: 8000,
+            fragLoadingMaxRetry: 8,
             fragLoadingRetryDelay: 1000,
-            fragLoadingMaxRetryTimeout: 15000,
+            fragLoadingMaxRetryTimeout: 12000,
             startLevel: -1,
           });
 

From fd3f98373db5ed3a43700069933838cc56b9fee1 Mon Sep 17 00:00:00 2001
From: WintBit <wintbit@outlook.com>
Date: Fri, 22 May 2026 17:01:07 +0800
Subject: [PATCH 6/6] Prefer smoother live stream defaults (#14)

---
 src/components/live/LivePlayer.vue       |  4 ++--
 src/utils/__tests__/rmStreamView.test.ts | 26 +++++++++++++++++++-----
 src/utils/rmStreamView.ts                |  3 ++-
 src/workers/rmData.worker.ts             |  5 ++++-
 4 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/src/components/live/LivePlayer.vue b/src/components/live/LivePlayer.vue
index 4d318e3..cc26796 100644
--- a/src/components/live/LivePlayer.vue
+++ b/src/components/live/LivePlayer.vue
@@ -923,8 +923,8 @@ async function mountPlayer(url: string) {
             maxBufferLength: 30,
             maxMaxBufferLength: 60,
             maxBufferHole: 1,
-            liveSyncDurationCount: 5,
-            liveMaxLatencyDurationCount: 15,
+            liveSyncDurationCount: 2,
+            liveMaxLatencyDurationCount: 3,
             maxLiveSyncPlaybackRate: 1,
             liveSyncOnStallIncrease: 1,
             nudgeOffset: 0.1,
diff --git a/src/utils/__tests__/rmStreamView.test.ts b/src/utils/__tests__/rmStreamView.test.ts
index a3e15f6..fa71ea7 100644
--- a/src/utils/__tests__/rmStreamView.test.ts
+++ b/src/utils/__tests__/rmStreamView.test.ts
@@ -38,19 +38,35 @@ describe('resolveDefaultQualityRes', () => {
     expect(selected).toBe('720');
   });
 
-  it('falls back to first quality when selection is missing', () => {
+  it('prefers middle quality when selection is missing', () => {
     const selected = resolveDefaultQualityRes(
       {
         zoneName: 'A',
         qualities: [
-          { label: '1080p', res: '1080', src: 'https://a' },
-          { label: '720p', res: '720', src: 'https://b' },
+          { label: '1080p', res: 'high', src: 'https://a' },
+          { label: '720p', res: 'middle', src: 'https://b' },
+          { label: '540p', res: 'low', src: 'https://c' },
+        ],
+      },
+      null,
+    );
+
+    expect(selected).toBe('middle');
+  });
+
+  it('falls back to first quality when middle quality is unavailable', () => {
+    const selected = resolveDefaultQualityRes(
+      {
+        zoneName: 'A',
+        qualities: [
+          { label: '1080p', res: 'high', src: 'https://a' },
+          { label: '540p', res: 'low', src: 'https://b' },
         ],
       },
-      '540',
+      null,
     );
 
-    expect(selected).toBe('1080');
+    expect(selected).toBe('high');
   });
 });
 
diff --git a/src/utils/rmStreamView.ts b/src/utils/rmStreamView.ts
index 9fe47be..9cf212a 100644
--- a/src/utils/rmStreamView.ts
+++ b/src/utils/rmStreamView.ts
@@ -56,7 +56,8 @@ export function resolveDefaultQualityRes(
     return selectedQualityRes;
   }
 
-  return zone.qualities[0]?.res ?? null;
+  const smoothDefault = zone.qualities.find((item) => item.res === 'middle');
+  return smoothDefault?.res ?? zone.qualities[0]?.res ?? null;
 }
 
 export function resolveEffectiveStreamErrorMessage(
diff --git a/src/workers/rmData.worker.ts b/src/workers/rmData.worker.ts
index fb1de03..0be8ead 100644
--- a/src/workers/rmData.worker.ts
+++ b/src/workers/rmData.worker.ts
@@ -91,6 +91,7 @@ let pendingBootstrapSnapshot = false;
 let pendingPatchKeys = new Set<keyof RmDataSnapshot>();
 let snapshotVersion = 0;
 let lastPostedSnapshot: RmDataSnapshot | null = null;
+let hasManualQualitySelection = false;
 
 const SNAPSHOT_KEYS: Array<keyof RmDataSnapshot> = [
   'liveGameInfo',
@@ -278,7 +279,7 @@ function syncSelectionAfterDataChange() {
           qualities: selectedPerspective.qualities,
         }
       : null,
-    state.selectedQualityRes,
+    hasManualQualitySelection ? state.selectedQualityRes : null,
   );
 }
 
@@ -820,6 +821,7 @@ function handleInit(payload: RmDataInitPayload) {
   state.selectedQualityRes = payload.selectedQualityRes;
   state.selectedPerspectiveKey = payload.selectedPerspectiveKey;
   state.hasManualZoneSelection = payload.hasManualZoneSelection;
+  hasManualQualitySelection = false;
   state.streamLoading = true;
   state.streamErrorMessage = '';
   state.visible = true;
@@ -875,6 +877,7 @@ self.addEventListener('message', (event: MessageEvent<RmDataWorkerIncomingMessag
   }
 
   if (data.type === 'USER_SELECT_QUALITY') {
+    hasManualQualitySelection = true;
     state.selectedQualityRes =
       data.payload.qualityRes && data.payload.qualityRes.trim() ? data.payload.qualityRes : null;
     syncSelectionAfterDataChange();