Reduce preview video GPU load: idle stop, browse-gated seasons, viewport culling

- Add useIdlePreviewPlayback composable: stops preview videos after 30s
  without input and restarts them staggered on activity; also stops
  while the tab is hidden.
- SeriesFullView: no episode videos play until a season is browsed
  (keyboard/gamepad focus or mouse hover); only near-viewport tiles of
  the active season play (IntersectionObserver); inactive seasons no
  longer preload video data; sync is incremental so playing tiles are
  not rewound on scroll.
- MediaDetail: header showreel videos use cancellable stagger timers,
  pause when scrolled out of view, and honor the idle stop.
- Images: lazy/async decoding on series page posters; content-visibility:
  auto on media cards to skip rendering off-screen row items.

This commit is contained in:

LeoVasanko

2026-09-03 02:23:22 +00:00

parent 7a60ef5384

commit 258fc79753

5 changed files with 246 additions and 11 deletions

									
										frontend/src/components/MediaCard.vue
									
		+1
		
												View File
												
				@@ -18,6 +18,7 @@

				        :src="posterImageUrl"

				        :alt="item.title || 'Unknown'"

				        loading="lazy"

				        decoding="async"

				        @error="imageError = true"

				      />

				      <div v-else class="media-card-placeholder">