Skip to content

Backdrop Screen Saver enhancements #6840

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

Kashugoyal
Copy link

@Kashugoyal Kashugoyal commented May 11, 2025

Backdrop Screensaver enhancements

This PR adds netflix/plex like screensaver backdrop look and feel to jellyfin web.

Changes

  1. Make backdrop image cover the entire screen
  2. Fix title and description text display
    • Description is community rating (if available) and production year (if available)
  3. Add animation to backdrop images and improve text layout and rendering
  4. Increase default backdropScreensaverInterval from 5 to 30 seconds, to better align with animation effects

This MR also resolves the issue #6261

Before After
old new
Video: https://github.com/user-attachments/assets/a70f1819-8aa2-45ce-9acb-c71172aee0ea Video: https://github.com/user-attachments/assets/e1ca12d6-09c6-44c4-b782-39af0f1cc09c

Future Work

We can allow the user to customize the overlay text through the settings.

Seeing it in action

To see the changes in action,

  1. Open the preview url from the cloudflare deployment below
  2. Once you sign in, go to Profile settings -> Display
  3. Change Screensaver from None to Backdrop
  4. Let your screen be idle for 180s and voila !!

@Kashugoyal Kashugoyal requested a review from a team as a code owner May 11, 2025 22:42
@jellyfin-bot
Copy link
Collaborator

jellyfin-bot commented May 11, 2025

Cloudflare Pages deployment

Latest commit 7a519e6
Status ✅ Deployed!
Preview URL https://aa044c61.jellyfin-web.pages.dev
Type 🔀 Preview

View build logs

@Kashugoyal Kashugoyal changed the title Backdrop Screen Saver enhancements DRAFT: Backdrop Screen Saver enhancements May 11, 2025
@Kashugoyal Kashugoyal marked this pull request as draft May 11, 2025 22:43
@Kashugoyal Kashugoyal force-pushed the backdrop-screensaver-enhancements branch 2 times, most recently from bd9bc10 to 870d08f Compare May 11, 2025 23:30
@Kashugoyal Kashugoyal changed the title DRAFT: Backdrop Screen Saver enhancements Backdrop Screen Saver enhancements May 11, 2025
@Kashugoyal Kashugoyal marked this pull request as ready for review May 11, 2025 23:57
2.Fix title and description text display
3.Description is community rating (if available) and production year (if available)
4.Add animation to backdrop images and improve text layout and rendering
5.Increase default backdropScreensaverInterval from 5 to 30 seconds, to better align with animation effects
@Kashugoyal Kashugoyal force-pushed the backdrop-screensaver-enhancements branch from 870d08f to 7a519e6 Compare May 12, 2025 01:11
Copy link

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants