r/JellyfinCommunity

I'm trying to watch Blade (1998) but that's the only movie that gives me source error

I've been working on a side project for a while to add a X-ray like feature (i.e. when you pause you get information about actors in the current scene. Professionally I have worked intensively with face-recogntion, and this is not such a tough problem to solve, and if you make a gallery of all actors in your media library you can also find some fun (at least in my opinion) things like cameos or in the case of the second screenshot a poster of another actor being recognized.

Right now I have the process split in two:

1. Offline scanning of media to get actor epochs (currently private while I make sure I am not accidentally leaking any IP from my employer through retained knowledge)
2. A Plugin (JRay) that serves a json (or modifies the html player) with the actors in the scene.

Right now it's really a POC. I wanted to get input from any other interested developers. Some specific things:
- Does the standardization on Actor/Epoch fit well compared to Epoch/Actor?
- Right now it is just who is on screen, should we leave room for more info (e.g. filming location, or some fun fact)
- I view this as really being split, I have a low power n100 as my jellyfin host (keeps the power bills down) and a gaming rig, I can run the face-rec on the gaming rig when it is not in use, I will go bankrupt if I add the GPU to my homelab :)
- maybe more for a lawyer, but sharing the scene info? Would save a lot of energy if this gets more widely used...

Also happy to discuss with any one who wants to colab.

Yes this project has relied heavily on LLMs, no I would not have time to do this all without.

To celebrate America’s 250th birthday, I dropped JellySee to $2.49 for a once in a lifetime opportunity.

If you’ve been thinking about trying a native Jellyfin client, now’s a good chance. Thanks to everyone who’s supported the app and shared feedback. Hope you all have a great 4th of July!

App Store link: https://apps.apple.com/us/app/jellysee/id6748783768

Hi everyone,

I introduced my little WebOS project here a little over a month ago, but I hope you don't mind a repost.

Full disclosure: a large part of this app was built with the help of Claude. I want to be fair and mention this right from the start, as I don't want to take all the credit and pretend to be some amazing solo programmer.

It's a WebOS app called OcenFin:

https://github.com/seluce/OcenFin

A lot has happened since then. I've added a few new features, but mostly a lot of work was done under the hood. The design itself hasn't changed much because my focus remains on simplicity and just making sure it runs smoothly.

The path I'm taking is a bit different from LiteFin (LiteFin is really good btw). Especially when it comes to certain topics like assjs, different techniques are being used. If you are interested, you can read more about the technical details in the wiki:

https://github.com/seluce/OcenFin/wiki

I would be really happy if anyone has the time and would like to test the app. :) The focus is purely on a TV interface and for families.

Features:

- Fast User Switching: Switch between profiles quickly and easily.

- Save Passwords: You can save your password as a token. Then you can jump right into your profile without typing the password again.

- Shared Profile: If you use a shared profile, you can link two personal profiles to it. It hides movies or series that one of you has already seen. This makes it easy to find something new to watch together.

- Custom Avatars: Create your own profile picture directly on the TV. You can use your recently watched shows or movies as a background. Or you can choose an SVG icon with a custom background. No need to upload images.

- WebSockets & SyncPlay: Full WebSocket support for remote commands from the Jellyfin server and SyncPlay features to watch together.

- Direct Play Focus: I use libbitsub, assjs, and hls to support many formats. This helps to run Direct Play on the TV and avoid transcoding on the server, even for complex subtitles like VobSub and DVDSub.

- Multi-Language: The app supports English, German, Spanish, French, Italian, Dutch, Portuguese, and Polish.

I've used Jellyfin for years now, but never got into themes. So I decided to make one that keeps the layout I'm accustomed to, but gives a few QOL upgrades. It's basically a dark mode theme. I worked a while on this so I decided to share it now that it's done.
(Made on version 10.11.11.)

https://github.com/cloudd901/Jellyfin_Themes

Most notable changes is having a frozen nav bar a the top when scrolling. And better adjustments on the details page to show more of the Backdrop posters. There's a ton of other minor changes as well, but those are my reasons for creating these.

Edit: Forgot to mention that these work best on the Web browser and the Android app. The Windows app falls short of some of the features. And I haven't tested on any other devices.

Hi everyone!

A quick update on ParallaxTV since my last post.

I've just released **v0.1.1-alpha**, which is the biggest update so far. The main focus of this release was completely redesigning the UI and making the app feel much more polished.

✨ Highlights:

• Complete UI overhaul

• New sidebar navigation

• New Discover page

• Favorites & Recently Added pages

• Episode Details page

• Notification panel

• Improved player controls & overlays

• Better recommendations and media browsing

• Lots of UI polish, bug fixes and performance improvements

Thanks to everyone who tried the previous alpha and shared feedback—it directly influenced many of the improvements in this release.

I'd love to hear what you think!

GitHub: https://github.com/parallaxtv/ParallaxTV

Disclosure: AI-assisted development was used throughout this project. All final implementation, testing, and project decisions were made by me.

I’ve been using Jellyfin for several months and have connected my user to many devices so I know well my password but recently I got an error message saying that I can’t connect (it’s in French and it says that they couldn’t reach the selected server and I need to check if it’s operating and retry) When I use the fast connect with device that were already connected it works well

Hey there!

Since I am most likely not the only one ho uses BobHasNoSouls's VideoPreview JS plugin I thought It could do no harm if I share my css snippet to adjust the video previews to my boxes.

I just wanted to get rid of the black areas due to diffrent resolutions in the video previews (and diffrent box ratios); so I just zoomed it in a bit with css.

I am using a tweaked version of Jellyfish theme (with jellyflix as subtheme); so it could take some work to get it working like above for your own theme. It is by far not perfect since I am no professional.

I partly used AI to create this since I am just a enthusiast. (And I am open for tipps what I did wrong or what one could done better!)

I am using it since about two months and until now it seems to be solid for my use case with some family members.

1. Sometimes a preview glitches out of the box if you scroll "too hard"; still looking for the reason/solution.

2. The little "x" button to remove stuff from your Watchlist is just hidden behind the preview; it is working and you can still click on it. I am working on creating a overlay-placeholder for it.

3. I do not use the videopreview in my first row; where I keep my started but not finished media.

The snippet (to paste into branding section in your admin dashboard):

/* Jellyfin Video Previews (BobHasNoSoul): Overlay an Card-Radius anpassen */

/* Card-Wrapper + Hover-Layer auf gleichen Radius zwingen */
.cardBox,
.cardScalable,
.cardPadder,
.cardOverlayContainer,
.cardImageContainer,
.cardContent {
  border-radius: var(--rounded-cards) !important;
}

/* Der Hover-Rahmen hängt sehr oft an ::before/::after */
.cardBox::before,
.cardBox::after,
.cardScalable::before,
.cardScalable::after,
.cardOverlayContainer::before,
.cardOverlayContainer::after {
  border-radius: var(--rounded-cards) !important;
}

/* Verhindert "Ecken-Leaks" bei Preview/Overlays */
.cardBox,
.cardScalable,
.cardOverlayContainer,
.cardImageContainer {
  overflow: hidden !important;
}

/* =========================================================
   Preview micro-fix
   Fix bottom-left corner and right edge seam
   ========================================================= */

#preview-overlay,
#preview-overlay::before,
#preview-overlay::after,
#preview-overlay > video {
  border-radius: var(--rounded-cards) !important;
}

/* Hard-clip the preview to the same rounded shape as the card */
#preview-overlay {
  overflow: hidden !important;
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  clip-path: inset(0 round var(--rounded-cards)) !important;
  -webkit-clip-path: inset(0 round var(--rounded-cards)) !important;
  /* hilft in Chromium manchmal gegen "eckige" Render-Artefakte */
  -webkit-mask-image: -webkit-radial-gradient(white, black) !important;
}

/* Preview-Video wie "background-size: cover", leicht oversized + nach rechts gebiast */
#preview-overlay > video {
  display: block !important;
  width: calc(100% + 4px) !important;
  max-width: none !important;
  height: 100% !important;
  margin-left: -1px !important;
  margin-right: -3px !important;
  object-fit: cover !important;
  object-position: calc(50% + 15px) center !important;
  transform: scale(1.32) !important;
  transform-origin: center center !important;
  backface-visibility: hidden !important;
  -webkit-backface-visibility: hidden !important;
}

/* =========================================================
   Hide card thumb while video preview is active
   ========================================================= */

/* Only affect cards that currently contain the preview overlay */
.cardScalable:has(#preview-overlay) .cardImageContainer,
.cardScalable:has(#preview-overlay) .cardImage,
.cardScalable:has(#preview-overlay) .cardOverlayContainer,
.cardScalable:has(#preview-overlay) .blurhash-canvas,
.cardScalable:has(#preview-overlay) img {
  opacity: 0 !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Auch Pseudo-Layer des Thumb-Containers ausblenden */
.cardScalable:has(#preview-overlay) .cardImageContainer::before,
.cardScalable:has(#preview-overlay) .cardImageContainer::after,
.cardScalable:has(#preview-overlay) .cardOverlayContainer::before,
.cardScalable:has(#preview-overlay) .cardOverlayContainer::after {
  opacity: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

/* Preview selbst immer sichtbar halten */
.cardScalable:has(#preview-overlay) #preview-overlay,
.cardScalable:has(#preview-overlay) #preview-overlay > video {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Fallback NUR für Browser ohne :has()-Support (z. B. sehr alte Firefox-Versionen).
   Verhindert, dass moderne Browser das Thumb bei jedem Hover verstecken,
   auch wenn (noch) gar kein Preview-Overlay existiert. */
u/supports not selector(:has(a)) {
  .card-hoverable:hover .cardImageContainer,
  .card-hoverable:hover .cardImage,
  .card-hoverable:hover .cardOverlayContainer,
  .card-hoverable:hover .blurhash-canvas,
  .card-hoverable:hover img {
    opacity: 0 !important;
    background-image: none !important;
    box-shadow: none !important;
  }
}