CodeDevMLH/SpotlightTrailer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

readme and pictures

Browse Source
This commit is contained in:
MLH
2024-11-15 00:55:44 +01:00
parent 83c9f601d2
commit 753b821480
25 changed files with 496 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
README.md
View File

@ -15,17 +15,17 @@ Thanks to [SethBacon](https://forum.jellyfin.org/u-sethbacon) & [BobHasNoSoul](h
Testet on Jellyfin 10.10.0
![clips](/images/all_clips.gif)
---
![overview](/images/demo1.gif)
## How to install
1. Download [spotlight.html]
1. Download [spotlight.html](/spotlight.html), [script.js](/script.js) and [styles.css](/styles.css)
2. Go to your ```jellyfin-web``` folder and create a folder named ```ui``` and drop ```spotlight.html, script.js and styles.css``` in that folder
3. In your Jellyfin Dashboard, under ```API Keys``` create an API key for Spotlight, copy the key, and insert it as the value for ```token``` in ```script.js```. You can also set the corresponding values for list name, random selection, show it only on main page, show title, plot length, etc.
3. In your Jellyfin Dashboard, under ```API Keys``` create an API key for Spotlight, copy the key, and insert it as the value for the ```token``` variable in ```script.js```. You can also set the corresponding values for list name, random selection, show it only on main page, plot length, etc.
4. ```Important: Use Notepad++ for this``` In the jellyfin-web folder, open the file ```home-html.RANDOMSTRINGHERE.chunk.js```
@ -42,10 +42,13 @@ Testet on Jellyfin 10.10.0
9. That's it.
![feat17](https://github.com/user-attachments/assets/af916d90-ec7c-4af0-b6e8-0f6f94ef1f07)
![clips](/images/all_clips.gif)
# Web View (Movie and series)
![mobile](/images/desktop.png)
# Mobile View (Landscape / Portrait)
![mobile](https://i.imgur.com/Y0wEa81.png)
![mobile](/images/mobile.png)
# How to feature specific content in the bar
@ -61,7 +64,7 @@ Simply delete Step 5's snippet added to ```home-html.chunk.js``` then refresh yo
No changes here from my side...
![feat8](https://github.com/user-attachments/assets/d6855e23-8c08-4a8b-b05d-6ba9c9895672)
![fullscreen](/images/fullscreen.gif)
Same as above except use [this version of spotlight.html](https://github.com/tedhinklater/Jellyfin-Featured-Content-Bar/blob/main/fullscreen/spotlight.html)