Compare commits
20 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
c09f265b26 | ||
|
|
379c370b4a | ||
|
|
b567307003 | ||
|
|
ff9ea9eff0 | ||
|
|
9427e3e535 | ||
|
|
19318a916d | ||
|
|
5d85284df8 | ||
|
|
2382f850b6 | ||
|
|
22041293f6 | ||
|
|
5595158f9d | ||
|
|
39f85e0c9b | ||
|
|
18a9980a0a | ||
|
|
deb426833d | ||
|
|
bf4b6da0f0 | ||
|
|
2bc7d90254 | ||
|
|
3f302d4c64 | ||
|
|
13a1cc7885 | ||
|
|
a62900f96e | ||
|
|
9d90a29a40 | ||
|
|
cd3973088e |
@@ -71,7 +71,7 @@
|
||||
name="PreferLocalBackdrops" />
|
||||
<span>Prefer Local Backdrops / Theme Videos</span>
|
||||
</label>
|
||||
<div class="fieldDescription">If enabled, local backdrop videos (Theme Videos) will be preferred over trailers.</div>
|
||||
<div class="fieldDescription">If enabled, local backdrop videos (Theme Videos) will be preferred over remote and local trailers.</div>
|
||||
</div>
|
||||
<div class="checkboxContainer checkboxContainer-withDescription">
|
||||
<label>
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
|
||||
<Title>Jellyfin Media Bar Enhanced Plugin</Title>
|
||||
<Authors>CodeDevMLH</Authors>
|
||||
<Version>1.6.2.1</Version>
|
||||
<Version>1.6.4.1</Version>
|
||||
<RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl>
|
||||
</PropertyGroup>
|
||||
|
||||
|
||||
@@ -18,8 +18,8 @@ namespace Jellyfin.Plugin.MediaBarEnhanced
|
||||
{
|
||||
private readonly IApplicationPaths _appPaths;
|
||||
private readonly ILogger<ScriptInjector> _logger;
|
||||
public const string ScriptTag = "<script src=\"/MediaBarEnhanced/Resources/mediaBarEnhanced.js\" defer></script>";
|
||||
public const string CssTag = "<link rel=\"stylesheet\" href=\"/MediaBarEnhanced/Resources/mediaBarEnhanced.css\" />";
|
||||
public const string ScriptTag = "<script src=\"../MediaBarEnhanced/Resources/mediaBarEnhanced.js\" defer></script>";
|
||||
public const string CssTag = "<link rel=\"stylesheet\" href=\"../MediaBarEnhanced/Resources/mediaBarEnhanced.css\" />";
|
||||
public const string ScriptMarker = "</body>";
|
||||
public const string CssMarker = "</head>";
|
||||
|
||||
|
||||
@@ -45,6 +45,7 @@ const CONFIG = {
|
||||
randomizeLocalTrailers: false,
|
||||
preferLocalBackdrops: false,
|
||||
randomizeThemeVideos: false,
|
||||
includeWatchedContent: false,
|
||||
waitForTrailerToEnd: true,
|
||||
startMuted: true,
|
||||
fullWidthVideo: true,
|
||||
@@ -436,7 +437,7 @@ const waitForApiClientAndInitialize = () => {
|
||||
|
||||
const fetchPluginConfig = async () => {
|
||||
try {
|
||||
const response = await fetch('/MediaBarEnhanced/Config');
|
||||
const response = await fetch('../MediaBarEnhanced/Config');
|
||||
if (response.ok) {
|
||||
const pluginConfig = await response.json();
|
||||
if (pluginConfig) {
|
||||
@@ -1832,11 +1833,7 @@ const SlideCreator = {
|
||||
if (event.data === YT.PlayerState.ENDED) {
|
||||
const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
|
||||
if (slide && slide.classList.contains('active')) {
|
||||
if (CONFIG.waitForTrailerToEnd) {
|
||||
SlideshowManager.nextSlide();
|
||||
} else {
|
||||
event.target.playVideo(); // Loop if trailer is shorter than slide duration
|
||||
}
|
||||
SlideshowManager.nextSlide();
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -1859,9 +1856,7 @@ const SlideCreator = {
|
||||
const videoAttributes = {
|
||||
className: "backdrop video-backdrop",
|
||||
src: (typeof trailerUrl === 'object' ? trailerUrl.url : trailerUrl),
|
||||
autoplay: false,
|
||||
preload: "auto",
|
||||
loop: false,
|
||||
disablePictureInPicture: true,
|
||||
style: "object-fit: cover; object-position: center center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none;"
|
||||
};
|
||||
@@ -1886,16 +1881,17 @@ const SlideCreator = {
|
||||
}
|
||||
});
|
||||
|
||||
backdrop.addEventListener('ended', () => {
|
||||
const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
|
||||
backdrop.addEventListener('ended', (event) => {
|
||||
const slide = event.target.closest('.slide');
|
||||
if (slide && slide.classList.contains('active')) {
|
||||
SlideshowManager.nextSlide();
|
||||
}
|
||||
});
|
||||
|
||||
backdrop.addEventListener('error', () => {
|
||||
const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
|
||||
if (CONFIG.waitForTrailerToEnd && slide && slide.classList.contains('active')) {
|
||||
backdrop.addEventListener('error', (event) => {
|
||||
console.warn(`Local video error for item ${itemId}`);
|
||||
const slide = event.target.closest('.slide');
|
||||
if (slide && slide.classList.contains('active')) {
|
||||
SlideshowManager.nextSlide();
|
||||
}
|
||||
});
|
||||
|
||||
@@ -101,6 +101,9 @@ This plugin builds upon the original Media Bar with new capabilities and improve
|
||||
<img width="513" height="575" alt="Client-Settings" src="https://github.com/user-attachments/assets/3e29a84f-f8ea-4b7b-b561-80493cb1535b" />
|
||||
</details>
|
||||
* **Local Trailers Preference**: Option to prefer local trailers (from the media item) over online sources.
|
||||
* **Theme Video Support**: Option to prefer local theme videos (backdrops) over trailers.
|
||||
* **Randomization**: Options to randomize theme videos and local trailers if multiple versions exist.
|
||||
* **Include Watched Content**: Option to include watched items in the random slideshow.
|
||||
* **Content Sorting Options**: Sort content by various criteria such as PremiereDate, ProductionYear, Random, or Original order.
|
||||
* **Client-Side Settings**: Allow users to override settings locally on their device.
|
||||
|
||||
@@ -157,6 +160,8 @@ Configure the plugin via **Dashboard** > **Plugins** > **Media Bar Enhanced**.
|
||||
* **Wait For Trailer To End**: Prevents slide transition until the video finishes.
|
||||
* **Enable Mobile Video**: specific setting to allow video playback on mobile devices (disabled by default to save data/battery).
|
||||
* **Show Trailer Button**: Adds a button to open the trailer in a popup modal if video backdrops are disabled (e.g. on mobile if trailers are disabled there)
|
||||
* **Prefer Local Trailers**: If enabled, local trailers will be preferred over remote (YouTube) trailers.
|
||||
* **Prefer Local Backdrops / Theme Videos**: If enabled, local backdrop videos (Theme Videos) will be preferred over trailers.
|
||||
|
||||
### Custom Content
|
||||
Define exactly what shows up in your bar.
|
||||
@@ -194,6 +199,7 @@ Customize the order of slides in the Media Bar.
|
||||
Fine-tune performance by limiting the number of items fetched from the server.
|
||||
|
||||
* **Total Max Items**: Maximum total items to fetch (combined).
|
||||
* **Include Watched Content**: If enabled, the random slideshow will also include items that you have already watched.
|
||||
* **Max Movies**: Maximum movies to include (for random selection).
|
||||
* **Max Tv Shows**: Maximum TV shows to include (for random selection).
|
||||
* **Preload Count**: Number of slides to preload for smooth transitions.
|
||||
@@ -208,6 +214,8 @@ Fine-tune performance by limiting the number of items fetched from the server.
|
||||
* **Full Width Video**: Stretches video to cover the entire width (good for desktop, crop on mobile).
|
||||
* **Enable Loading Screen**: Enable/disable the loading indicator while the bar initializes.
|
||||
* **Always Show Arrows**: Keeps navigation arrows visible instead of hiding them on mouse leave.
|
||||
* **Randomize Backdrop Video**: If enabled, a random video from the backdrops/theme videos will be selected instead of the first one.
|
||||
* **Randomize Local Trailer**: If enabled, a random local trailer will be selected instead of the first one.
|
||||
* **Enable Keyboard Controls**:
|
||||
* `Left`/`Right`: Change slide
|
||||
* `Space`: Pause/Play slideshow
|
||||
|
||||
@@ -43,7 +43,7 @@ Bevor du baust, musst du die Versionsnummer in den folgenden Dateien aktualisier
|
||||
Führe den folgenden Befehl im Terminal (PowerShell) im Hauptverzeichnis aus. Wir nutzen hier `dotnet build` statt `publish`, um unnötige Dateien zu vermeiden.
|
||||
|
||||
```powershell
|
||||
dotnet build Jellyfin.Plugin.MediaBar/Jellyfin.Plugin.MediaBar.csproj --configuration Release --output bin/Publish; Compress-Archive -Path bin/Publish/* -DestinationPath bin/Publish/Jellyfin.Plugin.MediaBar.zip -Force; $hash = (Get-FileHash -Algorithm MD5 bin/Publish/Jellyfin.Plugin.MediaBar.zip).Hash.ToLower(); $time = (Get-Date).ToUniversalTime().ToString("yyyy-MM-ddTHH:mm:ssZ"); Write-Output "`n----------------------------------------"; Write-Output "NEUE CHECKSUMME (MD5): $hash"; Write-Output "ZEITSTEMPEL: $time"; Write-Output "----------------------------------------`n"
|
||||
dotnet build Jellyfin.Plugin.MediaBarEnhanced/Jellyfin.Plugin.MediaBarEnhanced.csproj --configuration Release --output bin/Publish; Compress-Archive -Path bin/Publish/* -DestinationPath bin/Publish/Jellyfin.Plugin.MediaBarEnhanced.zip -Force; $hash = (Get-FileHash -Algorithm MD5 bin/Publish/Jellyfin.Plugin.MediaBarEnhanced.zip).Hash.ToLower(); $time = (Get-Date).ToUniversalTime().ToString("yyyy-MM-ddTHH:mm:ssZ"); Write-Output "`n----------------------------------------"; Write-Output "NEUE CHECKSUMME (MD5): $hash"; Write-Output "ZEITSTEMPEL: $time"; Write-Output "----------------------------------------`n"
|
||||
```
|
||||
|
||||
## 3. Manifest aktualisieren
|
||||
|
||||
@@ -9,12 +9,28 @@
|
||||
"imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
|
||||
"versions": [
|
||||
{
|
||||
"version": "1.6.2.1",
|
||||
"version": "1.6.4.1",
|
||||
"changelog": "- fix slide transition when using local/backdrop videos",
|
||||
"targetAbi": "10.11.0.0",
|
||||
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.6.4.1/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
||||
"checksum": "a9c5a863427de84639eca082483936da",
|
||||
"timestamp": "2026-02-15T22:56:17Z"
|
||||
},
|
||||
{
|
||||
"version": "1.6.3.1",
|
||||
"changelog": "- fix path issue on subpath installations",
|
||||
"targetAbi": "10.11.0.0",
|
||||
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.6.3.0/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
||||
"checksum": "6a952445bfb80ba4603017358e48da91",
|
||||
"timestamp": "2026-02-15T22:38:19Z"
|
||||
},
|
||||
{
|
||||
"version": "1.6.2.3",
|
||||
"changelog": "- feat: add options for local backdrops (theme videos) support and randomization features for local trailer/backdrops if more than one is available\n- feat: add option to include watched content in the random selection",
|
||||
"targetAbi": "10.11.0.0",
|
||||
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.6.2.1/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
||||
"checksum": "8d789cefb9d95a8e1ff25e7963736fd1",
|
||||
"timestamp": "2026-02-14T23:52:43Z"
|
||||
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.6.2.3/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
||||
"checksum": "c7ff2d783889c25b5a53783bfbe30b11",
|
||||
"timestamp": "2026-02-15T00:38:07Z"
|
||||
},
|
||||
{
|
||||
"version": "1.6.1.32",
|
||||
|
||||
Reference in New Issue
Block a user