SPOTLIGHT - Trailers on the homepage

[SethBacon]

Sorry you were having trouble getting the files, Spot, github can be tricky for the unfamiliar. Heres how to get this going: 

1. On the github page you can see a list of the files, you need to click the spotlight.html, and spotlight.css files, then find the "Download raw" button on those files pages. Download them to a new 'UI' folder you create in the directory \Server\jellyfin-web\. 


Then your next challenge will be finding & editing the Chunk.js file, but follow these instructions and I bet you can do it:
Go to your \Server\jellyfin-web\ directory and search for 'home' you will find a file that looks like home-html.8ce38bc7d6dc073656d4.chunk.js your middle numbers may vary. 

Open that file with notepad and right after you see 'movie,series,book">' place this line:

<style>.spotlightiframe { width: 99.5vw; height: 63vh; display: block; border: 0px solid #000; margin: -65px auto -50px auto;}</style><iframe class="spotlightiframe" src="/web/ui/spotlight.html" tabindex="0"></iframe>

Then save the file, hard reload your jellyfin page (Ctrl-Shift R  x2), and you should see it.

---

Happy to announce version 1.2 is live on git:
-Added volume control
-Styling revised for default skin
-L/R Chevron buttons moved to mid slide ends
-Phone width resolution Styling revised

https://github.com/JSethCreates/jellyfin...-spotlight

[KodiUser1138]

Not sure what I'm doing wrong but I can't see the updates from the new version?

[SethBacon]

Can you try ctrl-shift-n a new private tab to see if you see changes through there? if so its a cache issue, or this update may need a full server restart + cache thing

Edit: I see the new volume slider on your serv, and it really was a good idea thanks

[KodiUser1138]

OK seemed to be the cache issue.

Not sure I like the arrow location. Just a lot of screen real estate to cover to go between these controls.

Appreciate the volume slider. Noticed if you click teh speaker icon to mute, that's great, click again to unmute and the audio goes back to it's default middle and not the prior level setting.

Hoping you are able to work out how to be able to activate/deactivate the trailers themselves as well minimize to the top, or combination of both actions. But very cool!

Feel free to test my server again to see.

Oh I notcided a bit of zoom animation on the clearlogo on the prior version but it wa srare and sparatic. Maybe something every now and then would be cool. Just like aa little bit of a life breath or something (if that makes any sense).

[KodiUser1138]

On the mobile app there’s a top banner that covers the image sometimes then when you scroll it can go away. Still has the issue of tv show seasons not scrolling and instead the entire screen moves around. The “more like this” at the bottom does scroll properly though.

[KodiUser1138]

Another cool option I just thought about, because I'm the ideas man, man, what if the top area banner from spotlight freezes and when your scroll all the other aspects of the main page scroll below that? Can you tell I've been doing some spreadsheet work?

[Fr_Rene]

Hello,
I would like to thank SetBacon for his patience and explanations when installing the modification for novices like me.
And of course, thank him for the module itself.
I would just like to add that it wasn't working for me because I had two modules that I think were preventing the modifications from being applied: Media Bar and Files Transformation.

Once I uninstalled them, it worked right away.

You also need to clear your browser cache.

Thanks again!

[Goby]

This feature looks gorgeous, but only available for JF server on windows, right? Mine is installed on a Synology NAS via docker. Is there a way to install?

[SethBacon]

Hi Goby, while its technically possible: yes, you can docker exec into the container and edit /jellyfin/jellyfin-web/… its practically painful: every time the container is rebuilt (e.g. Jellyfin update, Synology restart with a fresh pull, or if you ever nuke/redeploy), all those edits are gone.

Docker images are meant to be immutable. You’re not supposed to hack the inside because the next update overwrites it. But that said, its just 2 files and 1 injection line.

For persistent customization you ~could~ blind-mount your own web override by putting the customized UI/ folder (with spotlight.html + spotlight.css) somewhere on the NAS (outside the container).

Then you tell Docker:

Code:

-v /path/on/nas/UI:/jellyfin/jellyfin-web/UI

But you still have to edit the injection line into the chunk file and I had to gpt even that command so I couldn't help much further, sorry If you are able to get it going let us know!

[KodiUser1138]

I am very much loving the top screen "b anner" and hope the trailer playback can be made optional. Gives more life to the home screen but I just don't need the trailers running with them constantly. Though a "play trailer" as part of a non-trailer playing banner would be cool to! And monkeys. Add monkeys. I don't kow where or why but just add monkeys. Lots of them!