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

add gh readme

Browse Source
This commit is contained in:
CodeDevMLH
2025-09-27 02:55:26 +02:00
parent c18282396c
commit 078ec24814
1 changed files with 11 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
README_GitHub.md
View File

@@ -4,12 +4,13 @@ Thanks to [SethBacon](https://forum.jellyfin.org/u-sethbacon) & [BobHasNoSoul](h
## Main Differences in this fork ## Main Differences in this fork
- automatically skip outros/endcards and intros on trailers using SponsorBlock API - automatically skip outros/endcards and intros on trailers using SponsorBlock API
- show the featured bar only at the main page, hide it in favorites/requests tab - show the featured bar only at the main page, hide it in favorites/requests tab
- set txt list name for eg. switch between diffrent seasonal versions - automatically switch between diffrent seasonal lists
- small ui style fixes - small ui style fixes
- html, css and javascript in seperate files - html, css and javascript in seperate files
- no hard coded api key needed - display title for featured content (optional)
- **no hard coded api key needed**
Testet on Jellyfin 10.10.6 Testet on Jellyfin 10.10.7
## Table of Contents ## Table of Contents
- [SpotlightTrailer - Featured Content Bar](#spotlighttrailer---featured-content-bar) - [SpotlightTrailer - Featured Content Bar](#spotlighttrailer---featured-content-bar)
@@ -21,7 +22,6 @@ Testet on Jellyfin 10.10.6
- [How to feature specific content in the bar](#how-to-feature-specific-content-in-the-bar) - [How to feature specific content in the bar](#how-to-feature-specific-content-in-the-bar)
- [Desktop View](#desktop-view) - [Desktop View](#desktop-view)
- [Mobile View (Landscape / Portrait)](#mobile-view-landscape--portrait) - [Mobile View (Landscape / Portrait)](#mobile-view-landscape--portrait)
- [Fullscreen/MobileView on Deskzop Version](#fullscreenmobileview-on-deskzop-version)
--- ---
@@ -32,7 +32,7 @@ Testet on Jellyfin 10.10.6
The following configuration parameters are used to customize the behavior and appearance of the slideshow. You can adjust them at the beginning of `script.js`: The following configuration parameters are used to customize the behavior and appearance of the slideshow. You can adjust them at the beginning of `script.js`:
- **`title`**: - **`title`**:
The title of the slideshow. Set this to a descriptive name for your slideshow. `To be done - Should be shown above featured bar slide` The title of the slideshow. Set this to true to show the title from first line of `list.txt` (see [list.txt](/list.txt)).
- **`listFileName`**: - **`listFileName`**:
The name of the file containing the list of movie or series IDs. Ensure this file exists in the correct location. The name of the file containing the list of movie or series IDs. Ensure this file exists in the correct location.
@@ -105,10 +105,10 @@ By adjusting these parameters, you can fine-tune the slideshow's behavior and ap
5. Ctrl+F and search for ```data-backdroptype="movie,series,book">``` 5. Ctrl+F and search for ```data-backdroptype="movie,series,book">```
6. Paste this after the ```>``` 6. Paste this after the >
```js ```js
<style> .featurediframe {width: 95vw; height: 24em; display: block; border: 0; margin: -1em auto 0;} @media (min-width: 2100px) {.featurediframe {height: 33em;}} @media (max-width: 1599px) {.featurediframe {margin-top: 1.2em;}} @media (max-width: 800px) {.featurediframe {margin-top: 0.8em; height: 25em;}} </style> <iframe class="featurediframe" src="/web/ui/spotlight.html"></iframe> <style> .featurediframe {width: 95vw; height: 24em; display: block; border: 0; margin: -1em auto 0;} @media (min-width: 2100px) {.featurediframe {height: 33em;}} @media (max-width: 1599px) {.featurediframe {margin-top: 1.2em;}} @media (max-width: 800px) {.featurediframe {margin-top: 0.8em; height: 25em;}} </style> <iframe class="featurediframe" src="/web/featured/spotlight.html"></iframe>
``` ```
7. Save the file. 7. Save the file.
@@ -119,15 +119,17 @@ By adjusting these parameters, you can fine-tune the slideshow's behavior and ap
## Uninstall ## Uninstall
Simply delete Step 7's snippet added to ```home-html.chunk.js``` then refresh your browser's cache. You can, but not have to delete the ui folder. Simply delete Step 7's snippet added to ```home-html.chunk.js``` then refresh your browser's cache. You can, but not have to delete the featured folder.
## How to feature specific content in the bar ## How to feature specific content in the bar
By default, the bar will feature content at random as long as it is available to the current user and no `list.txt` is available or if it is empty `below` line 1. By default, the bar will feature content at random as long as it is available to the current user and no `list.txt` is available or if it is empty `below` line 1.
In the first line, you can set a title for the featured bar, which can then be displayed. In addition, set MuteOn or MuteOff behind the title to control the behavoir of the trailer audio.
To preselect content, place a [list.txt](/list.txt) in the ```featured``` folder and paste the ID of each piece of content to be featured (IDs can be found in the address bar). To preselect content, place a [list.txt](/list.txt) in the ```featured``` folder and paste the ID of each piece of content to be featured (IDs can be found in the address bar).
`IMPORTANT` If you use List.txt to preselect content and a User has an Age Rating limit on their account (U, PG etc) make sure you add content for them to see too, or it will just be blank (content above their Age Limit is hidden to them) `IMPORTANT` If you use list.txt to preselect content and a User has an Age Rating limit on their account (U, PG. FSK etc) make sure you add content for them to see too, or it will just be blank (content above their Age Limit is hidden to them)
![list](https://github.com/user-attachments/assets/5f8f7924-7a9b-49c1-aefa-198cefce0f60) ![list](https://github.com/user-attachments/assets/5f8f7924-7a9b-49c1-aefa-198cefce0f60)