Compare commits

..

110 Commits

Author SHA1 Message Date
CodeDevMLH
5a844f4d57 Update manifest.json for release v1.4.0.3 [skip ci] 2026-02-04 15:52:12 +00:00
CodeDevMLH
4127a2e20c Bump version to 1.4.0.3
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 54s
2026-02-04 16:51:22 +01:00
CodeDevMLH
f6b56a6f65 Refactor settings management to use MediaBarEnhancedSettingsManager for consistency 2026-02-04 16:51:03 +01:00
CodeDevMLH
4e8af02ab4 Update manifest.json for release v1.4.0.2 [skip ci] 2026-02-04 15:45:39 +00:00
CodeDevMLH
22d15748d9 Bump version to 1.4.0.2 and enhance client-side settings with descriptions for media bar options
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 55s
2026-02-04 16:44:47 +01:00
CodeDevMLH
2db3056511 Update manifest.json for release v1.4.0.1 [skip ci] 2026-02-04 15:01:50 +00:00
CodeDevMLH
2cc038e164 Bump version to 1.4.0.1 and update plugin configuration loading method
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 53s
2026-02-04 16:01:01 +01:00
CodeDevMLH
aa2df6e035 Update manifest.json for release v1.4.0.0 [skip ci] 2026-02-04 12:49:45 +00:00
CodeDevMLH
ff41618879 Fix localStorage key for loading screen preference (v1.4.0.0)
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 48s
2026-02-04 13:48:54 +01:00
CodeDevMLH
fbc03a28ea Update manifest.json for release v1.4.0.0 [skip ci] 2026-02-04 12:46:16 +00:00
CodeDevMLH
d2db678855 Bump version to 1.4.0.0
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 51s
2026-02-04 13:45:27 +01:00
CodeDevMLH
9259a0f487 Add client-side settings feature and support for SVG file type 2026-02-04 13:45:11 +01:00
CodeDevMLH
c391649884 add svg logo 2026-02-04 13:42:55 +01:00
CodeDevMLH
623e1d55b2 Update manifest.json for release v1.3.0.3 [skip ci] 2026-02-04 01:41:36 +00:00
CodeDevMLH
54b522101d Update configPage.html to emphasize note on item ID resolution feedback
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 54s
2026-02-04 02:40:47 +01:00
CodeDevMLH
dc92e8adba Bump version to 1.3.0.3
Some checks failed
Auto Release Plugin / build-and-release (push) Has been cancelled
2026-02-04 02:39:31 +01:00
CodeDevMLH
9de0d60bb8 Update configPage.html to clarify manual trailer override instructions 2026-02-04 02:39:07 +01:00
CodeDevMLH
5cd1f020fd Update manifest.json for release v1.3.0.2 [skip ci] 2026-02-04 01:27:56 +00:00
CodeDevMLH
1285d79538 Bump version to 1.3.0.2
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 56s
2026-02-04 02:27:04 +01:00
CodeDevMLH
05128ebc7e Update manifest.json for release v1.3.0.1 [skip ci] 2026-02-04 01:14:20 +00:00
CodeDevMLH
3bad812e96 Bump version to 1.3.0.1
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 54s
2026-02-04 02:13:29 +01:00
CodeDevMLH
1872a744a7 Update manifest.json for release v1.3.0.0 [skip ci] 2026-02-04 00:07:16 +00:00
CodeDevMLH
83441a3c4f Bump version to 1.3.0.0
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 1m0s
2026-02-04 01:06:22 +01:00
CodeDevMLH
49ad41c3f6 Enhance custom media ID functionality with manual trailer override 2026-02-04 01:06:12 +01:00
CodeDevMLH
984a41b180 Update manifest.json for release v1.2.3.7 [skip ci] 2026-01-28 22:39:54 +00:00
CodeDevMLH
c8421d12b0 Bump version to 1.2.3.7 and update changelog for release
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 57s
2026-01-28 23:39:03 +01:00
CodeDevMLH
b5d38629d2 Update manifest.json for release v1.2.3.6 [skip ci] 2026-01-28 21:31:54 +00:00
CodeDevMLH
8f4adece49 Bump version to 1.2.3.6 and update changelog for release
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 58s
2026-01-28 22:31:01 +01:00
CodeDevMLH
cfebccc289 Update manifest.json for release v1.2.3.5 [skip ci] 2026-01-28 20:21:21 +00:00
CodeDevMLH
2613fd7acf Update version to 1.2.3.5 in project file and manifest.json
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 1m20s
2026-01-28 21:20:06 +01:00
CodeDevMLH
bb10b9c15e Merge branch 'main' of ssh://git.mahom03-spacecloud.de:44322/CodeDevMLH/jellyfin-plugin-media-bar-enhanced 2026-01-28 21:16:52 +01:00
CodeDevMLH
a9ad8d65e4 Merge branch 'main' of ssh://git.mahom03-spacecloud.de:44322/CodeDevMLH/jellyfin-plugin-media-bar-enhanced [skip-ci] 2026-01-28 02:15:28 +01:00
CodeDevMLH
e7232da38b Update manifest.json for release v1.2.3.4 [skip ci] 2026-01-28 01:09:39 +00:00
CodeDevMLH
53bd1d23c7 Update manifest.json for release v1.2.3.4 with changelog and source URL adjustments
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 57s
2026-01-28 02:07:25 +01:00
CodeDevMLH
5643ebfd28 Update manifest.json for release v1.2.3.3 [skip ci] 2026-01-28 01:05:46 +00:00
CodeDevMLH
bed2fbaa76 Bump version to 1.2.3.4 and update release automation to generate commit log
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 58s
2026-01-28 02:04:45 +01:00
CodeDevMLH
05f64bc3d7 Update manifest.json for release v1.2.3.3 [skip ci] 2026-01-28 00:45:20 +00:00
CodeDevMLH
277433581c Bump version to 1.2.3.3 and update manifest with changelog for button positioning adjustments
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 58s
2026-01-28 01:44:23 +01:00
CodeDevMLH
44f0b1cb38 Update manifest.json for release v1.2.3.2 [skip ci] 2026-01-28 00:30:37 +00:00
CodeDevMLH
d31dcbabdc Bump version to 1.2.3.2 and update manifest with changelog for button adjustments on small screens
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 1m1s
2026-01-28 01:29:42 +01:00
CodeDevMLH
4ed6509505 Update manifest.json for release v1.2.3.1 [skip ci] 2026-01-28 00:17:29 +00:00
CodeDevMLH
6427b8422a Bump version to 1.2.3.1 and update manifest with changelog for button layout adjustments on small screens
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 56s
2026-01-28 01:16:38 +01:00
CodeDevMLH
ebfbe1d563 Update manifest.json for release v1.2.3.0 [skip ci] 2026-01-27 23:54:43 +00:00
CodeDevMLH
67e5d8e4d2 Bump version to 1.2.3.0 and update manifest with changelog for button display fixes on small screens
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 56s
2026-01-28 00:53:50 +01:00
CodeDevMLH
d68ba7e846 Update manifest.json for release v1.2.2.0 [skip ci] 2026-01-24 22:53:55 +00:00
CodeDevMLH
0444cf333d Bump version to 1.2.2.0 and update manifest with changelog for visibility fixes
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 1m0s
2026-01-24 23:52:59 +01:00
CodeDevMLH
10279e97d9 Comment out CHANGELOG body in release automation workflow 2026-01-23 01:18:22 +01:00
CodeDevMLH
f6ccd0ea5f Update manifest.json for release v1.2.1.0 [skip ci] 2026-01-22 23:50:56 +00:00
CodeDevMLH
47827df047 Update mediaBarEnhanced.js and mediaBarEnhanced.css with version 3.0.8 from original repo
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 1m0s
2026-01-23 00:50:01 +01:00
CodeDevMLH
7fd781c9d0 Update manifest.json for release v1.2.0.0 [skip ci] 2026-01-08 23:30:58 +00:00
CodeDevMLH
6faa8f1a4c Update plugin description in manifest.json for clarity and completeness
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 1m4s
2026-01-09 00:30:00 +01:00
CodeDevMLH
3e05ff1dc9 Update manifest.json for release v1.2.0.0 [skip ci] 2026-01-08 23:15:07 +00:00
CodeDevMLH
fa06179cd3 Update manifest.json to enhance plugin description and overview
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 55s
2026-01-09 00:14:16 +01:00
CodeDevMLH
d8327fc5c9 Update manifest.json for release v1.2.0.0 [skip ci] 2026-01-08 22:16:05 +00:00
CodeDevMLH
9ffe03f0df Update version to 1.2.0.0
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 57s
2026-01-08 23:15:13 +01:00
CodeDevMLH
37e99d7fed Add Preferred Video Quality setting and update playback quality logic 2026-01-08 23:14:59 +01:00
CodeDevMLH
9b0e3762ac Update manifest.json for release v1.1.2.0 [skip ci] 2026-01-08 15:26:55 +00:00
CodeDevMLH
48f93e3480 Update version to 1.1.2.0
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 53s
2026-01-08 16:26:04 +01:00
CodeDevMLH
2e9c093cdc Add resumeActivePlayback method to resume video playback when slideshow is active 2026-01-08 16:25:04 +01:00
CodeDevMLH
60593dc855 Update manifest.json for release v1.1.1.0 [skip ci] 2026-01-08 14:54:58 +00:00
CodeDevMLH
0edde43720 Update version to 1.1.1.0
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 1m3s
2026-01-08 15:53:56 +01:00
CodeDevMLH
0f6938a91d Add stopAllPlayback method to pause all video playback when navigating away from home screen 2026-01-08 15:52:46 +01:00
CodeDevMLH
fe661925e0 Update manifest.json for release v1.1.0.0 [skip ci] 2026-01-08 02:15:51 +00:00
CodeDevMLH
5fbe60c27a Fix version formatting in manifest.json for consistency 1.1.0.0
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 55s
2026-01-08 03:15:01 +01:00
CodeDevMLH
89bde9233d Update version to 1.1.0.0 and enhance changelog with custom media ID improvements
Some checks failed
Auto Release Plugin / build-and-release (push) Failing after 41s
2026-01-08 03:07:31 +01:00
CodeDevMLH
24ac119e01 Enable custom media IDs by default and improve GUID handling in slideshow manager for seperator and description 2026-01-08 03:07:15 +01:00
CodeDevMLH
1ee4aaefb5 Enable custom media IDs by default in plugin configuration 2026-01-08 02:59:42 +01:00
CodeDevMLH
d737bc9422 Update configPage.html to clarify custom media ID functionality and input instructions 2026-01-08 02:59:21 +01:00
CodeDevMLH
2a154aaf92 Update README.md to enhance clarity and add overview section with layout details 2026-01-07 02:20:32 +01:00
CodeDevMLH
561a4254b2 Update release automation to include changelog in release body and clean up .gitignore 2026-01-07 00:56:48 +01:00
CodeDevMLH
b8a0c7f589 Update manifest.json for release v1.0.0.3 [skip ci] 2026-01-06 23:26:30 +00:00
CodeDevMLH
10e02eeb3c fix ui
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 55s
2026-01-07 00:25:38 +01:00
CodeDevMLH
f39200544d Update manifest.json for release v1.0.0.3 [skip ci] 2026-01-06 23:17:33 +00:00
CodeDevMLH
5173f66449 test
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 53s
2026-01-07 00:16:45 +01:00
CodeDevMLH
965942f63b fix link again 2026-01-07 00:16:37 +01:00
CodeDevMLH
c251cf7e70 Update manifest.json for release v1.0.0.3 [skip ci] 2026-01-06 23:12:18 +00:00
CodeDevMLH
8699e0b3e2 test
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 55s
2026-01-07 00:10:57 +01:00
CodeDevMLH
5db2157232 fix links 2026-01-07 00:09:51 +01:00
CodeDevMLH
822f572006 Update manifest.json for release v1.0.0.3 [skip ci] 2026-01-06 22:56:33 +00:00
CodeDevMLH
e6637b34f7 fix name issue
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 54s
2026-01-06 23:55:42 +01:00
CodeDevMLH
1acaff6552 Update manifest.json for release v1.0.0.3 [skip ci] 2026-01-06 22:39:23 +00:00
CodeDevMLH
58188ca094 test
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 54s
2026-01-06 23:38:34 +01:00
CodeDevMLH
37b30aef1a Merge branch 'main' of ssh://git.mahom03-spacecloud.de:44322/CodeDevMLH/jellyfin-plugin-media-bar-enhanced 2026-01-06 23:30:57 +01:00
CodeDevMLH
f0370ac57f fix url and remote repo 2026-01-06 23:30:56 +01:00
CodeDevMLH
0663b7d9e4 Update manifest.json for release v1.0.0.3 [skip ci] 2026-01-06 22:23:52 +00:00
CodeDevMLH
e3213f72cc Enhance error handling in ScriptInjector for injection and removal processes
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 55s
2026-01-06 23:22:59 +01:00
CodeDevMLH
6c131aef58 Update manifest.json for release v1.0.0.3 [skip ci] 2026-01-06 21:33:22 +00:00
CodeDevMLH
0747f63d11 renamed slidshowpure to mediaBarEnhanced
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 52s
2026-01-06 22:32:31 +01:00
CodeDevMLH
12f6f23314 Update manifest.json for release v1.0.0.2 [skip ci] 2026-01-06 21:21:38 +00:00
CodeDevMLH
a27488366b fixes
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 54s
2026-01-06 22:20:45 +01:00
CodeDevMLH
dd4c71c3bf Update manifest.json for release v1.0.0.1 [skip ci] 2026-01-06 21:18:34 +00:00
CodeDevMLH
715cd1a663 test
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 58s
2026-01-06 22:17:38 +01:00
CodeDevMLH
9371ed9a33 Add seasonal manifest update step to release automation 2026-01-06 22:16:57 +01:00
CodeDevMLH
c21b2d3ede Update manifest.json for release v1.0.0.1 [skip ci] 2026-01-06 21:09:36 +00:00
CodeDevMLH
8ac0b9c003 add readme
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 51s
2026-01-06 22:08:46 +01:00
CodeDevMLH
0a0080c889 Update manifest.json for release v1.0.0.1 [skip ci] 2026-01-06 19:05:25 +00:00
CodeDevMLH
b2dd3e4d21 fix name (v1.0.0.1)
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 50s
2026-01-06 20:04:34 +01:00
CodeDevMLH
e4dac0d85c Update manifest.json for release v1.0.0.0 [skip ci] 2026-01-06 18:56:30 +00:00
CodeDevMLH
52bc8022fc Fix download URL formatting in release automation workflows and remove unused test.txt file
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 50s
2026-01-06 19:55:41 +01:00
CodeDevMLH
fb4416f4b3 Update manifest.json for release v1.0.0.0 [skip ci] 2026-01-06 18:40:10 +00:00
CodeDevMLH
a67c4ecbe7 Add new test.txt file
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 49s
2026-01-06 19:39:21 +01:00
CodeDevMLH
972c914dab Remove outdated setup instructions for automatic updates in Plugin B 2026-01-06 19:38:43 +01:00
CodeDevMLH
60825b7e2f Update manifest.json for release v1.0.0.0 [skip ci] 2026-01-06 18:36:23 +00:00
CodeDevMLH
5d23594e08 Remove outdated JPRM documentation and release automation workflow
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 50s
2026-01-06 19:35:33 +01:00
CodeDevMLH
2cccb139bf Enhance release automation to update central manifest with plugin GUID and target ABI 2026-01-06 19:34:16 +01:00
CodeDevMLH
f37b946c0c Update manifest.json for release v1.0.0.0 [skip ci] 2026-01-06 17:26:55 +00:00
CodeDevMLH
51c3eec58a Merge branch 'main' of ssh://git.mahom03-spacecloud.de:44322/CodeDevMLH/jellyfin-plugin-media-bar-enhanced
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 47s
2026-01-06 18:26:05 +01:00
CodeDevMLH
236def9fed Update manifest.json for release v1.0.0.0 [skip ci] 2026-01-06 17:26:04 +00:00
CodeDevMLH
f864b1105e Update imageUrl in manifest.json to correct path 2026-01-06 18:26:03 +01:00
CodeDevMLH
353db1eab1 new logo
All checks were successful
Auto Release Plugin / build-and-release (push) Successful in 49s
2026-01-06 18:25:13 +01:00
20 changed files with 1326 additions and 428 deletions

View File

@@ -40,6 +40,11 @@ jobs:
echo "Detected Version: $VERSION"
echo "VERSION=$VERSION" >> $GITHUB_ENV
echo "TARGET_ABI=$TARGET_ABI" >> $GITHUB_ENV
# Also export GUID for later use
PLUGIN_GUID=$(jq -r '.[0].guid' manifest.json)
echo "PLUGIN_GUID=$PLUGIN_GUID" >> $GITHUB_ENV
# Escape newlines in changelog for GITHUB_ENV
echo "CHANGELOG<<EOF" >> $GITHUB_ENV
@@ -71,7 +76,7 @@ jobs:
REPO_OWNER="${{ github.repository_owner }}"
REPO_NAME="${{ github.event.repository.name }}"
VERSION="${{ env.VERSION }}"
DOWNLOAD_URL="https://git.mahom03-spacecloud.de/${{ github.repository }}/releases/download/v$VERSION/Jellyfin.Plugin.MediaBarEnhanced.zip"
DOWNLOAD_URL="https://git.mahom03-spacecloud.de/$REPO_OWNER/$REPO_NAME/releases/download/v$VERSION/Jellyfin.Plugin.MediaBarEnhanced.zip"
echo "Updating manifest.json with:"
echo "Hash: ${{ env.ZIP_HASH }}"
@@ -101,3 +106,159 @@ jobs:
tag_name: "v${{ env.VERSION }}"
draft: false
prerelease: false
# Update Message in Remote Repository
- name: Checkout Central Manifest Repo
uses: actions/checkout@v6
with:
repository: ${{ github.repository_owner }}/jellyfin-plugin-manifest
path: central-manifest
token: ${{ secrets.JELLYFIN_PLUGIN_MANIFEST_UPDATER_PAT }}
- name: Update Central Manifest
shell: bash
run: |
cd central-manifest
REPO_OWNER="${{ github.repository_owner }}"
REPO_NAME="${{ github.event.repository.name }}"
# 1. Get info from previous steps
VERSION="${{ env.VERSION }}"
HASH="${{ env.ZIP_HASH }}"
TIME="${{ env.BUILD_TIME }}"
DOWNLOAD_URL="https://git.mahom03-spacecloud.de/$REPO_OWNER/$REPO_NAME/releases/download/v$VERSION/Jellyfin.Plugin.MediaBarEnhanced.zip"
# 2. Get info from env
PLUGIN_GUID="${{ env.PLUGIN_GUID }}"
CHANGELOG="${{ env.CHANGELOG }}"
TARGET_ABI="${{ env.TARGET_ABI }}"
echo "Updating Central Manifest for Plugin GUID: $PLUGIN_GUID"
# 3. Update/Prepend entry in central manifest.json
# Logic:
# - If array is empty or new version != old version: PREPEND new entry
# - If new version == old version: OVERWRITE (update) existing entry (re-release)
jq --arg guid "$PLUGIN_GUID" \
--arg hash "$HASH" \
--arg time "$TIME" \
--arg url "$DOWNLOAD_URL" \
--arg ver "$VERSION" \
--arg changelog "$CHANGELOG" \
--arg abi "$TARGET_ABI" \
'map(if .guid == $guid then
if .versions[0].version != $ver then
# New Version -> Prepend
.versions = [{
"version": $ver,
"changelog": $changelog,
"targetAbi": $abi,
"sourceUrl": $url,
"checksum": $hash,
"timestamp": $time
}] + .versions
else
# Same Version -> Update existing (overwrite top)
.versions[0].changelog = $changelog |
.versions[0].targetAbi = $abi |
.versions[0].sourceUrl = $url |
.versions[0].checksum = $hash |
.versions[0].timestamp = $time
end
else . end)' \
manifest.json > manifest.json.tmp && mv manifest.json.tmp manifest.json
- name: Commit and Push Central Manifest
run: |
cd central-manifest
git config user.name "CodeDevMLH"
git config user.email "145071728+CodeDevMLH@users.noreply.github.com"
# Check if there are changes
if [[ -n $(git status -s) ]]; then
git add manifest.json
git commit -m "Auto-Update MediaBar Enhanced to v${{ env.VERSION }}"
git push
else
echo "No changes to central manifest."
fi
# Update Message in Seasonals Repository
- name: Checkout Seasonal Manifest Repo
uses: actions/checkout@v6
with:
repository: ${{ github.repository_owner }}/Jellyfin-Seasonals-Plugin
path: seasonal-manifest
token: ${{ secrets.JELLYFIN_PLUGIN_MANIFEST_UPDATER_PAT }}
- name: Update Seasonal Manifest
shell: bash
run: |
cd seasonal-manifest
REPO_OWNER="${{ github.repository_owner }}"
REPO_NAME="${{ github.event.repository.name }}"
# 1. Get info from previous steps
VERSION="${{ env.VERSION }}"
HASH="${{ env.ZIP_HASH }}"
TIME="${{ env.BUILD_TIME }}"
DOWNLOAD_URL="https://git.mahom03-spacecloud.de/$REPO_OWNER/$REPO_NAME/releases/download/v$VERSION/Jellyfin.Plugin.MediaBarEnhanced.zip"
# 2. Get info from env
PLUGIN_GUID="${{ env.PLUGIN_GUID }}"
CHANGELOG="${{ env.CHANGELOG }}"
TARGET_ABI="${{ env.TARGET_ABI }}"
echo "Updating Seasonal Manifest for Plugin GUID: $PLUGIN_GUID"
# 3. Update/Prepend entry in seasonal manifest.json
# Logic:
# - If array is empty or new version != old version: PREPEND new entry
# - If new version == old version: OVERWRITE (update) existing entry (re-release)
jq --arg guid "$PLUGIN_GUID" \
--arg hash "$HASH" \
--arg time "$TIME" \
--arg url "$DOWNLOAD_URL" \
--arg ver "$VERSION" \
--arg changelog "$CHANGELOG" \
--arg abi "$TARGET_ABI" \
'map(if .guid == $guid then
if .versions[0].version != $ver then
# New Version -> Prepend
.versions = [{
"version": $ver,
"changelog": $changelog,
"targetAbi": $abi,
"sourceUrl": $url,
"checksum": $hash,
"timestamp": $time
}] + .versions
else
# Same Version -> Update existing (overwrite top)
.versions[0].changelog = $changelog |
.versions[0].targetAbi = $abi |
.versions[0].sourceUrl = $url |
.versions[0].checksum = $hash |
.versions[0].timestamp = $time
end
else . end)' \
manifest.json > manifest.json.tmp && mv manifest.json.tmp manifest.json
- name: Commit and Push Seasonal Manifest
run: |
cd seasonal-manifest
git config user.name "CodeDevMLH"
git config user.email "145071728+CodeDevMLH@users.noreply.github.com"
# Check if there are changes
if [[ -n $(git status -s) ]]; then
git add manifest.json
git commit -m "Auto-Update MediaBar Enhanced to v${{ env.VERSION }}"
git push
else
echo "No changes to seasonal manifest."
fi

View File

@@ -24,6 +24,8 @@ jobs:
uses: actions/checkout@v6
with:
token: ${{ secrets.GITHUB_TOKEN }}
fetch-depth: 0
- name: Setup .NET
uses: actions/setup-dotnet@v5
@@ -39,6 +41,11 @@ jobs:
echo "Detected Version: $VERSION"
echo "VERSION=$VERSION" >> $GITHUB_ENV
echo "TARGET_ABI=$TARGET_ABI" >> $GITHUB_ENV
# Also export GUID for later use
PLUGIN_GUID=$(jq -r '.[0].guid' manifest.json)
echo "PLUGIN_GUID=$PLUGIN_GUID" >> $GITHUB_ENV
# Escape newlines in changelog for GITHUB_ENV
echo "CHANGELOG<<EOF" >> $GITHUB_ENV
@@ -89,6 +96,40 @@ jobs:
commit_message: "Update manifest.json for release v${{ env.VERSION }} [skip ci]"
file_pattern: manifest.json
- name: Generate Commit Log
if: success()
shell: bash
run: |
echo "Generating commit log since last tag..."
# Get the previous tag
PREV_TAG=$(git describe --tags --abbrev=0 2>/dev/null || echo "")
if [ -z "$PREV_TAG" ]; then
echo "No previous tag found. Getting all commits."
start_range=""
else
echo "Previous tag: $PREV_TAG"
start_range="$PREV_TAG.."
fi
echo "### What's Changed" > commit_log.md
echo "" >> commit_log.md
git log --pretty=format:"- %s (%h) by @%an" $start_range >> commit_log.md
# Combine Changelog from manifest (if exists) and commit log
if [ -n "${{ env.CHANGELOG }}" ]; then
echo "${{ env.CHANGELOG }}" > release_body.txt
echo "" >> release_body.txt
echo "" >> release_body.txt
cat commit_log.md >> release_body.txt
else
cat commit_log.md > release_body.txt
fi
# Debug output
cat release_body.txt
- name: Create Release
uses: softprops/action-gh-release@v2
with:
@@ -98,4 +139,162 @@ jobs:
files: ${{ env.ZIP_PATH }}
draft: false
prerelease: false
generate_release_notes: true
generate_release_notes: false
body_path: release_body.txt
# Update Message in Remote Repository
- name: Checkout Central Manifest Repo
uses: actions/checkout@v6
with:
repository: ${{ github.repository_owner }}/jellyfin-plugin-manifest
path: central-manifest
token: ${{ secrets.JELLYFIN_PLUGIN_MANIFEST_UPDATER_PAT }}
- name: Update Central Manifest
shell: bash
run: |
cd central-manifest
REPO_OWNER="${{ github.repository_owner }}"
REPO_NAME="${{ github.event.repository.name }}"
# 1. Get info from previous steps
VERSION="${{ env.VERSION }}"
HASH="${{ env.ZIP_HASH }}"
TIME="${{ env.BUILD_TIME }}"
DOWNLOAD_URL="https://github.com/$REPO_OWNER/$REPO_NAME/releases/download/v$VERSION/Jellyfin.Plugin.MediaBarEnhanced.zip"
# 2. Get info from env
PLUGIN_GUID="${{ env.PLUGIN_GUID }}"
CHANGELOG="${{ env.CHANGELOG }}"
TARGET_ABI="${{ env.TARGET_ABI }}"
echo "Updating Central Manifest for Plugin GUID: $PLUGIN_GUID"
# 3. Update/Prepend entry in central manifest.json
# Logic:
# - If array is empty or new version != old version: PREPEND new entry
# - If new version == old version: OVERWRITE (update) existing entry (re-release)
jq --arg guid "$PLUGIN_GUID" \
--arg hash "$HASH" \
--arg time "$TIME" \
--arg url "$DOWNLOAD_URL" \
--arg ver "$VERSION" \
--arg changelog "$CHANGELOG" \
--arg abi "$TARGET_ABI" \
'map(if .guid == $guid then
if .versions[0].version != $ver then
# New Version -> Prepend
.versions = [{
"version": $ver,
"changelog": $changelog,
"targetAbi": $abi,
"sourceUrl": $url,
"checksum": $hash,
"timestamp": $time
}] + .versions
else
# Same Version -> Update existing (overwrite top)
.versions[0].changelog = $changelog |
.versions[0].targetAbi = $abi |
.versions[0].sourceUrl = $url |
.versions[0].checksum = $hash |
.versions[0].timestamp = $time
end
else . end)' \
manifest.json > manifest.json.tmp && mv manifest.json.tmp manifest.json
- name: Commit and Push Central Manifest
run: |
cd central-manifest
git config user.name "CodeDevMLH"
git config user.email "145071728+CodeDevMLH@users.noreply.github.com"
# Check if there are changes
if [[ -n $(git status -s) ]]; then
git add manifest.json
git commit -m "Auto-Update MediaBar Enhanced to v${{ env.VERSION }}"
git push
else
echo "No changes to central manifest."
fi
# Update Message in Seasonals Repository
- name: Checkout Seasonal Manifest Repo
uses: actions/checkout@v6
with:
repository: ${{ github.repository_owner }}/Jellyfin-Seasonals
path: seasonal-manifest
token: ${{ secrets.JELLYFIN_PLUGIN_MANIFEST_UPDATER_PAT }}
- name: Update Seasonal Manifest
shell: bash
run: |
cd seasonal-manifest
REPO_OWNER="${{ github.repository_owner }}"
REPO_NAME="${{ github.event.repository.name }}"
# 1. Get info from previous steps
VERSION="${{ env.VERSION }}"
HASH="${{ env.ZIP_HASH }}"
TIME="${{ env.BUILD_TIME }}"
DOWNLOAD_URL="https://github.com/$REPO_OWNER/$REPO_NAME/releases/download/v$VERSION/Jellyfin.Plugin.MediaBarEnhanced.zip"
# 2. Get info from env
PLUGIN_GUID="${{ env.PLUGIN_GUID }}"
CHANGELOG="${{ env.CHANGELOG }}"
TARGET_ABI="${{ env.TARGET_ABI }}"
echo "Updating Seasonal Manifest for Plugin GUID: $PLUGIN_GUID"
# 3. Update/Prepend entry in seasonal manifest.json
# Logic:
# - If array is empty or new version != old version: PREPEND new entry
# - If new version == old version: OVERWRITE (update) existing entry (re-release)
jq --arg guid "$PLUGIN_GUID" \
--arg hash "$HASH" \
--arg time "$TIME" \
--arg url "$DOWNLOAD_URL" \
--arg ver "$VERSION" \
--arg changelog "$CHANGELOG" \
--arg abi "$TARGET_ABI" \
'map(if .guid == $guid then
if .versions[0].version != $ver then
# New Version -> Prepend
.versions = [{
"version": $ver,
"changelog": $changelog,
"targetAbi": $abi,
"sourceUrl": $url,
"checksum": $hash,
"timestamp": $time
}] + .versions
else
# Same Version -> Update existing (overwrite top)
.versions[0].changelog = $changelog |
.versions[0].targetAbi = $abi |
.versions[0].sourceUrl = $url |
.versions[0].checksum = $hash |
.versions[0].timestamp = $time
end
else . end)' \
manifest.json > manifest.json.tmp && mv manifest.json.tmp manifest.json
- name: Commit and Push Seasonal Manifest
run: |
cd seasonal-manifest
git config user.name "CodeDevMLH"
git config user.email "145071728+CodeDevMLH@users.noreply.github.com"
# Check if there are changes
if [[ -n $(git status -s) ]]; then
git add manifest.json
git commit -m "Auto-Update MediaBar Enhanced to v${{ env.VERSION }}"
git push
else
echo "No changes to seasonal manifest."
fi

2
.gitignore vendored
View File

@@ -4,7 +4,5 @@ obj/
.idea/
artifacts
example-plugins/
*.md
!README.md

View File

@@ -70,6 +70,7 @@ namespace Jellyfin.Plugin.MediaBarEnhanced.Api
if (path.EndsWith(".js", StringComparison.OrdinalIgnoreCase)) return "application/javascript";
if (path.EndsWith(".css", StringComparison.OrdinalIgnoreCase)) return "text/css";
if (path.EndsWith(".html", StringComparison.OrdinalIgnoreCase)) return "text/html";
if (path.EndsWith(".svg", StringComparison.OrdinalIgnoreCase)) return "image/svg+xml";
return "application/octet-stream";
}
}

View File

@@ -30,8 +30,10 @@ namespace Jellyfin.Plugin.MediaBarEnhanced.Configuration
public bool EnableKeyboardControls { get; set; } = true;
public bool AlwaysShowArrows { get; set; } = false;
public string CustomMediaIds { get; set; } = "";
public bool EnableCustomMediaIds { get; set; } = false;
public bool EnableCustomMediaIds { get; set; } = true;
public string PreferredVideoQuality { get; set; } = "Auto";
public bool EnableSeasonalContent { get; set; } = false;
public bool IsEnabled { get; set; } = true;
public bool EnableClientSideSettings { get; set; } = false;
}
}

View File

@@ -14,9 +14,9 @@
<div class="sectionTitleContainer">
<h2 class="sectionTitle">Media Bar Enhanced</h2>
<a is="emby-linkbutton" class="raised raised-mini emby-button" style="margin-left: 2em;"
target="_blank" href="https://github.com/CodeDevMLH/Jellyfin-Seasonals">
target="_blank" href="https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced">
<i class="md-icon button-icon button-icon-left secondaryText"></i>
<span>Help</span>
<span>${Help}</span>
</a>
</div>
<hr style="max-width: 800px; margin: 1em 0;">
@@ -93,8 +93,9 @@
name="EnableCustomMediaIds" />
<span>Enable Custom Media IDs</span>
</label>
<div class="fieldDescription">If enabled, the slideshow will ONLY show the items listed
below.</div>
<div class="fieldDescription">If enabled, the slideshow will try to show the items listed
below. If the list is empty, default behavior (random items) is used. Disable this
to temporarily ignore your custom list without deleting it.</div>
</div>
<div class="checkboxContainer checkboxContainer-withDescription">
<label>
@@ -108,28 +109,37 @@
<div class="inputContainer">
<label class="inputLabel inputLabelUnfocused" for="CustomMediaIds">Media/Collection/Playlist
IDs
(Comma or Newline separated)</label>
(Newline or Comma separated)</label>
<textarea is="emby-textarea" id="CustomMediaIds" name="CustomMediaIds"
style="width: 100%; height: 150px; font-family: monospace;"></textarea>
<div class="fieldDescription" id="customMediaIdsDesc">Enter the IDs of the items you want to
show in the slideshow.
You can separate them by comma or new line.</div>
<div class="fieldDescription" id="customMediaIdsDesc">Enter the IDs of the items you want to show in the slideshow.
You can separate them by new line or comma.
<br><br>
<b>Manual Trailer Override:</b> You can specify a YouTube URL for an item by adding it in
brackets: <br> <code>e.g. ID DESCRIPTION [https://youtu.be/...]</code> or <code>ID [https://youtu.be/...] DESCRIPTION</code>
<br><br>
You can also add a description after the ID using any separator like space, pipe
(|) or dash (-): <br>e.g. <code>ID DESCRIPTION</code> or <code>ID | DESCRIPTION</code>
<br><br>
<b>Note:</b> If using a <b>Collection Name</b> (instead of an ID) combined with a description, you <b>MUST</b> use
the pipe (|) separator.
<br>
<b>Note:</b> The separator <b>MUST NOT</b> be a hex character (0-9, a-f).</div>
<div class="fieldDescription" id="seasonalMediaIdsDesc" style="display: none;">
<b>Seasonal Mode Enabled:</b> Define lines with date ranges (Format: DD.MM-DD.MM |
<i>name</i> | <i>IDs</i>).<br>
Example:<br>
<code>20.10-31.10 | Halloween | ID1, ID2</code><br>
<code>20.10-31.10 | Halloween | ID1, ID2 [https://youtu.be/...]</code><br>
<code>01.12-26.12 | Christmas | ID3, ID4</code><br>
<i>Only lines matching the current date will be used. If no line matches, it will try to
fetch the list.txt or use random items.</i>
</div>
<p>You can find the IDs of your items in the URL of the item page in the web interface.<br>
Example:
<code>https://your-jellyfin-url/web/#/details?id=<b style="color:red;">your-item-id</b>&serverId=your-server-id</code><br>
<code>https://your-jellyfin-url/web/#/details?id=<b style="color:red;">your-item-id</b>&serverId=your-server-id</code><br><br>
You can also insert a name of a collection or playlist to fetch the IDs of all items in
it (will take the first hit. Note: there is currently no feedback if the name resolution
succeeded, you
will have to look if the bar displays the correct items.).
it (will take the first hit.<br><b>Note:</b> there is currently no feedback if the name
resolution succeeded, you will have to look if the bar displays the correct items.).
</p>
</div>
</div>
@@ -153,6 +163,18 @@
</label>
<div class="fieldDescription">Skip intro/outro segments in YouTube trailers.</div>
</div>
<div class="selectContainer">
<label class="selectLabel" for="PreferredVideoQuality">Preferred YouTube Quality</label>
<select is="emby-select" id="PreferredVideoQuality" name="PreferredVideoQuality"
class="emby-select-withcolor emby-select">
<option value="Auto">Auto (Smart)</option>
<option value="Maximum">Maximum (4K+)</option>
<option value="1080p">1080p</option>
<option value="720p">720p</option>
</select>
<div class="fieldDescription">"Auto" selects Maximum if screen width > 1920px, otherwise
1080p.</div>
</div>
<div class="checkboxContainer checkboxContainer-withDescription">
<label>
<input is="emby-checkbox" type="checkbox" id="StartMuted" name="StartMuted" />
@@ -199,6 +221,15 @@
Space (pause), M (mute/unmute)) for
the slideshow.</div>
</div>
<div class="checkboxContainer checkboxContainer-withDescription">
<label>
<input is="emby-checkbox" type="checkbox" id="EnableClientSideSettings"
name="EnableClientSideSettings" />
<span>Enable Client-Side Settings</span>
</label>
<div class="fieldDescription">If enabled, users will see a media bar icon in the header to
override settings (like disabling the bar or video backdrops) locally on their device.</div>
</div>
<h2 class="sectionTitle">Time Settings</h2>
<p>Leave a setting blank to use the default value.</p>
@@ -339,7 +370,7 @@
'WaitForTrailerToEnd', 'StartMuted', 'FullWidthVideo', 'EnableMobileVideo',
'ShowTrailerButton', 'AlwaysShowArrows', 'EnableKeyboardControls',
'EnableCustomMediaIds', 'CustomMediaIds', 'EnableLoadingScreen',
'EnableSeasonalContent'
'EnableSeasonalContent', 'EnableClientSideSettings'
];
keys.forEach(function (key) {
@@ -388,7 +419,7 @@
'WaitForTrailerToEnd', 'StartMuted', 'FullWidthVideo', 'EnableMobileVideo',
'ShowTrailerButton', 'AlwaysShowArrows', 'EnableKeyboardControls',
'EnableCustomMediaIds', 'CustomMediaIds', 'EnableLoadingScreen',
'EnableSeasonalContent'
'EnableSeasonalContent', 'EnableClientSideSettings'
];
keys.forEach(function (key) {

View File

@@ -12,8 +12,8 @@
<!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
<Title>Jellyfin Media Bar Enhanced Plugin</Title>
<Authors>CodeDevMLH</Authors>
<Version>1.0.0.0</Version>
<RepositoryUrl>https://git.mahom03-spacecloud.de/CodeDevMLH/Media-Bar-Plugin</RepositoryUrl>
<Version>1.4.0.3</Version>
<RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl>
</PropertyGroup>
<ItemGroup>

View File

@@ -59,7 +59,7 @@ namespace Jellyfin.Plugin.MediaBarEnhanced
}
/// <inheritdoc />
public override string Name => "Media Bar";
public override string Name => "Media Bar Enhanced";
/// <inheritdoc />
public override Guid Id => Guid.Parse("d7e11d57-819b-4bdd-a88d-53c5f5560225");

View File

@@ -18,10 +18,8 @@ namespace Jellyfin.Plugin.MediaBarEnhanced
{
private readonly IApplicationPaths _appPaths;
private readonly ILogger<ScriptInjector> _logger;
public const string ScriptTag = "<script src=\"/MediaBarEnhanced/Resources/slideshowpure.js\" defer></script>";
public const string CssTag = "<link rel=\"stylesheet\" href=\"/MediaBarEnhanced/Resources/slideshowpure.css\" />";
// private const string ScriptTag = "<script src=\"/MediaBarEnhanced/Resources/media-bar.js\" defer></script>";
// private const string CssTag = "<link rel=\"stylesheet\" href=\"/MediaBarEnhanced/Resources/media-bar.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>";
@@ -39,7 +37,6 @@ namespace Jellyfin.Plugin.MediaBarEnhanced
/// <summary>
/// Injects the script tag into index.html if it's not already present.
/// </summary>
/// <returns>True if injection was successful or already present, false otherwise.</returns>
public void Inject()
{
try
@@ -103,6 +100,11 @@ namespace Jellyfin.Plugin.MediaBarEnhanced
_logger.LogInformation("MediaBarEnhanced script and CSS already present in index.html. Or could not be injected.");
}
}
catch (UnauthorizedAccessException)
{
_logger.LogWarning("Unauthorized access when attempting to inject script into index.html. Automatic injection failed. Attempting fallback now...");
RegisterFileTransformation();
}
catch (Exception ex)
{
_logger.LogError(ex, "Error injecting MediaBarEnhanced resources. Attempting fallback.");
@@ -150,8 +152,15 @@ namespace Jellyfin.Plugin.MediaBarEnhanced
{
File.WriteAllText(indexPath, content);
_logger.LogInformation("MediaBarEnhanced script removed from index.html.");
} else
{
_logger.LogInformation("MediaBarEnhanced script not found in index.html. No removal necessary.");
}
}
catch (UnauthorizedAccessException uaEx)
{
_logger.LogError(uaEx, "Unauthorized access when trying to remove MediaBarEnhanced script. Check file permissions.");
}
catch (Exception ex)
{
_logger.LogError(ex, "Error removing MediaBarEnhanced script.");
@@ -172,7 +181,6 @@ namespace Jellyfin.Plugin.MediaBarEnhanced
{
JObject payload = new JObject();
// Random GUID for ID
payload.Add("id", "0dfac9d7-d898-4944-900b-1c1837707279");
payload.Add("fileNamePattern", "index.html");
payload.Add("callbackAssembly", GetType().Assembly.FullName);
@@ -223,7 +231,6 @@ namespace Jellyfin.Plugin.MediaBarEnhanced
if (pluginInterfaceType != null)
{
// The ID must match the one used in RegisterFileTransformation
Guid id = Guid.Parse("0dfac9d7-d898-4944-900b-1c1837707279");
pluginInterfaceType.GetMethod("RemoveTransformation")?.Invoke(null, new object?[] { id });
_logger.LogInformation("File transformation unregistered successfully.");
@@ -232,7 +239,6 @@ namespace Jellyfin.Plugin.MediaBarEnhanced
}
catch (Exception ex)
{
// Log but don't throw, as we want to continue with normal removal
_logger.LogWarning(ex, "Error attempting to unregister file transformation. It might not have been registered.");
}
}

View File

@@ -0,0 +1,105 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg
version="1.1"
id="Layer_1"
x="0px"
y="0px"
width="100%"
viewBox="0 0 1350 614"
enable-background="new 0 0 1350 614"
xml:space="preserve"
sodipodi:docname="file.svg"
inkscape:version="1.4.3 (0d15f75, 2025-12-25)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"><defs
id="defs12" /><sodipodi:namedview
id="namedview12"
pagecolor="#505050"
bordercolor="#eeeeee"
borderopacity="1"
inkscape:showpageshadow="0"
inkscape:pageopacity="0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#505050"
inkscape:zoom="0.6577778"
inkscape:cx="949.40875"
inkscape:cy="353.46283"
inkscape:window-width="1920"
inkscape:window-height="1057"
inkscape:window-x="1912"
inkscape:window-y="-8"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_1" />
<path
fill="#FFFFFF"
opacity="1.000000"
stroke="none"
d=" M498.548157,519.821655 C508.235687,521.444031 517.517883,522.883118 526.789673,524.386841 C536.062744,525.890869 545.290039,527.733582 554.600769,528.937012 C569.316772,530.839050 584.077454,532.410095 598.836426,533.957336 C604.395325,534.539978 609.999268,534.894470 615.587463,534.962463 C649.167603,535.371338 682.751465,536.051270 716.329163,535.842651 C733.921753,535.733337 751.570740,534.638367 769.072815,532.819946 C786.970642,530.960388 804.773499,527.980896 822.517700,524.912109 C837.109558,522.388550 851.563538,519.058533 866.055603,515.977478 C868.387451,515.481689 870.928345,514.879272 872.806641,513.535217 C879.726013,508.583801 887.504639,508.919464 895.403381,508.953278 C923.388123,509.073120 951.373596,509.000000 979.719482,509.000000 C982.161377,520.378662 984.893127,531.637695 981.961182,543.227234 C979.976440,551.072632 973.778442,555.828491 967.460266,559.698853 C953.314880,568.364014 937.162048,571.950806 921.308411,575.872864 C904.270447,580.087952 887.066101,583.750244 869.788757,586.839539 C856.508240,589.214233 842.995605,590.277039 829.598083,592.014893 C817.345276,593.604248 805.122803,595.434509 792.859192,596.931213 C785.386536,597.843262 777.873047,598.539368 770.356934,598.946899 C760.284119,599.493164 750.191467,599.679504 740.106567,599.996582 C729.022766,600.345154 717.940002,600.757629 706.853455,600.980286 C686.771912,601.383606 666.685425,602.025940 646.605713,601.887451 C630.265808,601.774658 613.922607,600.848145 597.599915,599.941284 C584.830078,599.231812 572.043884,598.388062 559.347107,596.902161 C542.894592,594.976624 526.524048,592.351746 510.117493,590.032715 C498.219177,588.351013 486.247437,587.069946 474.439728,584.896851 C460.666870,582.362061 446.959656,579.361694 433.368530,575.981812 C421.710663,573.082764 410.121399,569.759766 398.757050,565.877136 C390.349060,563.004578 382.063538,559.402710 375.940796,552.427185 C368.723480,544.204651 369.426941,534.276978 370.326233,524.483704 C370.763611,519.720825 372.250519,515.054382 373.336273,510.000000 C379.597778,510.000000 385.905701,510.000000 392.213623,510.000000 C416.043518,510.000000 439.873474,509.974213 463.703278,510.020355 C468.857361,510.030334 473.744324,509.818298 478.814545,512.700806 C484.680084,516.035461 491.648621,517.429932 498.548157,519.821655 z"
id="path2" />
<path
fill="#c8c8c8"
opacity="1"
stroke="none"
d="m 330.93526,188.95459 c 0.0532,1.16148 0.0581,2.32297 0.0581,3.48445 0.002,83.55873 -0.0386,167.75573 -0.57327,251.76418 -44.6889,0.44479 -88.81469,-0.19785 -132.97407,-0.2035 -13.11818,-0.002 -20.44468,-7.24185 -20.44509,-20.21618 -0.002,-70.32166 0.28149,-140.64545 -0.24711,-210.96311 -0.10208,-13.57908 11.89072,-24.0623 24.10976,-23.96327 43.32297,0.35117 86.74576,0.11257 130.07169,0.0974 z"
id="path3"
sodipodi:nodetypes="cccsssscc" />
<path
fill="#cacaca"
opacity="1"
stroke="none"
d="m 1022.16,444.04364 c -0.053,-1.16144 -0.1533,-2.32288 -0.1533,-3.48431 0,-83.22391 0,-167.06543 0.5397,-250.74024 44.4984,-0.44619 88.4667,0.17002 132.435,0.20091 1.9751,10e-4 4.0287,2e-5 5.9117,0.50249 9.4167,2.51288 15.1069,10.15306 15.1069,20.00441 0,70.78233 -0.01,141.56468 0.01,212.34703 0,11.71546 -8.3125,21.49304 -20.9484,21.33988 -44.2946,-0.53681 -88.6475,0.5279 -132.9487,0.54246 z"
id="path4"
sodipodi:nodetypes="cccssssscc" />
<path
fill="#FFFFFF"
opacity="1.000000"
stroke="none"
d=" M395.009064,492.000000 C388.373993,491.343384 382.134369,491.180939 376.119720,489.933716 C360.581818,486.711700 348.845917,469.578186 348.888336,452.941223 C349.121979,361.276459 348.856903,269.610443 349.117371,177.945831 C349.171234,158.979095 361.452057,145.815338 378.579987,141.080048 C381.670135,140.225739 385.026764,140.042633 388.260437,140.041855 C580.424316,139.995056 772.588196,140.032410 964.752075,139.947540 C983.056519,139.939468 999.484863,152.050247 1002.960144,170.649078 C1003.555847,173.837250 1003.955872,177.116028 1003.957764,180.353241 C1004.010315,271.518555 1003.995422,362.683899 1004.003967,453.849243 C1004.005615,471.728058 992.793335,486.960602 974.694824,490.930511 C971.377319,491.658203 967.901123,491.956940 964.498047,491.957794 C774.834351,492.005280 585.170715,492.000000 395.009064,492.000000 M366.000000,444.473267 C366.000000,445.473083 366.077789,446.479889 365.988403,447.471649 C364.525879,463.702362 376.379547,474.760803 392.373016,474.218567 C416.907867,473.386719 441.491730,474.000000 466.054779,474.000000 C631.708801,474.000000 797.362976,473.895935 963.016418,474.208832 C975.500122,474.232391 987.143127,463.686707 987.110474,450.109283 C986.896118,360.949951 986.935608,271.789764 987.060913,182.630081 C987.082764,167.068771 976.391968,156.885590 961.346191,156.898560 C779.693542,157.055176 598.040710,157.000000 416.387909,157.000015 C407.555267,157.000015 398.721680,156.919998 389.890198,157.021133 C379.513062,157.139969 369.799591,164.361786 367.516266,174.235321 C366.373566,179.176605 366.064880,184.403137 366.059814,189.501343 C365.975830,274.161438 366.000000,358.821686 366.000000,444.473267 z"
id="path5" />
<path
fill="#FFFFFF"
opacity="1.000000"
stroke="none"
d=" M1022.085632,444.503815 C1066.461182,444.029083 1110.766602,443.677002 1155.061157,444.213806 C1167.697144,444.366974 1176.012939,434.589386 1176.009644,422.873932 C1175.990234,352.091583 1176.000000,281.309235 1176.000000,210.526901 C1176.000000,200.675552 1170.309814,193.035370 1160.893066,190.522491 C1159.010132,190.020020 1156.956543,190.021393 1154.981445,190.020004 C1111.013062,189.989136 1067.044800,189.990509 1022.618164,189.970871 C1022.159912,185.153610 1022.159912,180.351242 1022.159912,175.223175 C1023.488647,175.146652 1024.761597,175.009567 1026.034424,175.009247 C1069.847046,174.998154 1113.660400,174.850555 1157.471680,175.086029 C1171.636108,175.162170 1181.810181,182.166565 1188.159180,194.986008 C1188.953613,196.590164 1192.106445,197.862457 1194.174561,197.874329 C1225.658569,198.055084 1257.144043,198.000000 1288.629150,198.000000 C1296.625366,198.000000 1304.621582,198.006012 1312.617798,197.998688 C1327.143555,197.985397 1341.007446,211.825241 1341.004761,226.425781 C1340.993286,287.063751 1341.126831,347.702118 1340.917603,408.339386 C1340.859741,425.102753 1334.462280,432.430908 1319.805664,438.607025 C1318.373657,439.210449 1316.552856,438.985443 1314.912476,438.986176 C1274.764771,439.003845 1234.617065,439.049438 1194.469727,438.913055 C1190.980713,438.901215 1189.458252,440.058899 1187.874390,443.116028 C1182.058105,454.342072 1172.220093,460.703491 1159.901367,460.820709 C1114.260986,461.255157 1068.613892,460.968658 1022.969238,460.944519 C1022.828308,460.944427 1022.687500,460.819489 1022.011292,460.499634 C1022.011292,455.500580 1022.011292,450.232269 1022.085632,444.503815 M1247.500000,211.000000 C1231.341675,211.000000 1215.183350,210.992218 1199.025024,211.003860 C1192.604980,211.008499 1191.005493,212.565262 1191.004761,218.862900 C1190.997070,284.995239 1190.996216,351.127563 1191.005737,417.259918 C1191.006714,423.998322 1192.925781,425.988373 1199.485962,425.991455 C1236.799927,426.009003 1274.113892,425.976929 1311.427856,426.022675 C1317.619751,426.030273 1322.117432,423.150269 1324.465454,417.754608 C1326.001587,414.224365 1326.887695,410.114258 1326.897217,406.260986 C1327.044556,346.958801 1327.000488,287.656097 1326.999512,228.353546 C1326.999390,217.144135 1320.810547,211.008224 1309.468384,211.002762 C1289.145630,210.992966 1268.822754,211.000000 1247.500000,211.000000 z"
id="path6" />
<path
fill="#ffffff"
opacity="1"
stroke="none"
d="m 330.91425,188.95955 c -43.39994,0.47338 -86.72771,0.24878 -130.05068,-0.10239 -12.21904,-0.099 -24.21184,10.38419 -24.10976,23.96327 0.5286,70.31766 0.24494,140.64145 0.24711,210.96311 4.1e-4,12.97433 7.32691,20.21451 20.44509,20.21618 44.15938,0.006 88.31876,0.01 132.93637,0.0304 0.45826,5.48407 0.45826,10.95264 0.45826,16.96985 h -5.38221 c -43.31478,0 -86.6306,0.16705 -129.94372,-0.10172 -13.00781,-0.0807 -23.54056,-5.59921 -29.7357,-17.6466 -1.61699,-3.14444 -3.63599,-4.35541 -7.30498,-4.34201 -39.64915,0.1448 -79.29908,0.0573 -118.948685,0.1159 -8.759545,0.0129 -15.254898,-4.23486 -20.405224,-10.70178 -5.312873,-6.67105 -7.246366,-14.40582 -7.218926,-23.05365 0.188187,-59.30734 0.09876,-118.61557 0.09882,-177.92351 1.1e-5,-11.41679 8.002948,-23.41223 18.672981,-27.12843 3.893362,-1.35602 8.201628,-2.10867 12.324739,-2.12553 38.316288,-0.15668 76.63382,-0.16838 114.94993,0.008 4.54648,0.0209 6.93851,-1.56689 9.02278,-5.48947 5.92766,-11.15582 15.14014,-17.58424 28.12126,-17.59602 C 238.40646,174.97557 281.72125,175 325.03604,175 h 5.95221 c 0,4.49806 -0.0475,6.53519 -0.12151,11.26344 M 75.5,426 c 25.9955,0 51.991,0.002 77.9865,-0.002 7.14871,-0.001 8.51109,-1.33438 8.51145,-8.35559 0.003,-66.15506 0.004,-132.31012 -7.3e-4,-198.46518 -4.9e-4,-6.96535 -1.18309,-8.17265 -8.02932,-8.17404 -37.32679,-0.008 -74.653577,-0.0119 -111.980363,0.002 -9.938388,0.004 -15.978248,6.1517 -15.984113,16.22824 -0.01154,19.82986 -0.0034,39.65971 -0.0034,59.48958 0,39.6597 0.195755,79.32095 -0.116185,118.97821 -0.09684,12.31097 8.311491,21.3251 20.131846,20.44104 C 55.46117,425.43628 65.001663,426 75.5,426 Z"
id="path7"
sodipodi:nodetypes="cssssccssssssssssssssccsssssssssss" />
<path
fill="#FFFFFF"
opacity="1.000000"
stroke="none"
d=" M752.998535,122.000000 C697.384888,122.000000 642.270752,122.000031 587.156677,121.999809 C585.991150,121.999802 584.755127,122.248329 583.674011,121.945503 C581.040527,121.207886 579.301270,119.989822 581.538269,116.943802 C595.221191,98.312027 608.645996,79.486267 622.579712,61.044662 C631.013855,49.881832 639.965149,39.081825 649.147034,28.521265 C655.735779,20.943233 663.853149,14.640454 674.239014,14.266470 C682.228760,13.978765 690.355103,15.915215 696.482056,22.029982 C710.278809,35.799351 722.732300,50.695175 734.200928,66.471100 C745.246033,81.664513 756.752502,96.522255 768.020935,111.553917 C769.170105,113.086906 770.086121,114.795883 771.095093,116.432625 C773.244812,119.919868 772.167419,121.913857 767.983948,121.981750 C763.156494,122.060104 758.326782,121.999985 752.998535,122.000000 z"
id="path8" />
<path
fill="#B9B9B9"
opacity="1.000000"
stroke="none"
d=" M366.000000,443.977570 C366.000000,358.821686 365.975830,274.161438 366.059814,189.501343 C366.064880,184.403137 366.373566,179.176605 367.516266,174.235321 C369.799591,164.361786 379.513062,157.139969 389.890198,157.021133 C398.721680,156.919998 407.555267,157.000015 416.387909,157.000015 C598.040710,157.000000 779.693542,157.055176 961.346191,156.898560 C976.391968,156.885590 987.082764,167.068771 987.060913,182.630081 C986.935608,271.789764 986.896118,360.949951 987.110474,450.109283 C987.143127,463.686707 975.500122,474.232391 963.016418,474.208832 C797.362976,473.895935 631.708801,474.000000 466.054779,474.000000 C441.491730,474.000000 416.907867,473.386719 392.373016,474.218567 C376.379547,474.760803 364.525879,463.702362 365.988403,447.471649 C366.077789,446.479889 366.000000,445.473083 366.000000,443.977570 M612.844971,237.388443 C611.896790,239.785782 610.129822,242.180267 610.121521,244.580856 C609.958679,291.555145 609.984619,338.530182 610.022644,385.505005 C610.026978,390.825134 613.298340,395.021606 618.073486,396.969757 C622.378906,398.726318 626.389282,397.628296 629.872437,395.474457 C644.906433,386.178070 659.816589,376.677917 674.674377,367.100769 C694.658508,354.219269 714.593994,341.261017 734.470093,328.213562 C745.839661,320.750214 745.924316,311.287506 734.653076,303.900543 C710.193420,287.870148 685.640808,271.981476 661.117188,256.048767 C651.003967,249.478363 640.900208,242.892380 630.730652,236.409973 C623.383179,231.726349 619.020142,231.866287 612.844971,237.388443 z"
id="path9" />
<path
fill="#CFCFCF"
opacity="1.000000"
stroke="none"
d=" M1248.000000,211.000000 C1268.822754,211.000000 1289.145630,210.992966 1309.468384,211.002762 C1320.810547,211.008224 1326.999390,217.144135 1326.999512,228.353546 C1327.000488,287.656097 1327.044556,346.958801 1326.897217,406.260986 C1326.887695,410.114258 1326.001587,414.224365 1324.465454,417.754608 C1322.117432,423.150269 1317.619751,426.030273 1311.427856,426.022675 C1274.113892,425.976929 1236.799927,426.009003 1199.485962,425.991455 C1192.925781,425.988373 1191.006714,423.998322 1191.005737,417.259918 C1190.996216,351.127563 1190.997070,284.995239 1191.004761,218.862900 C1191.005493,212.565262 1192.604980,211.008499 1199.025024,211.003860 C1215.183350,210.992218 1231.341675,211.000000 1248.000000,211.000000 z"
id="path10" />
<path
fill="#C0C0C0"
opacity="1.000000"
stroke="none"
d=" M75.000000,426.000000 C65.001663,426.000000 55.461170,425.436279 46.015667,426.142670 C34.195312,427.026733 25.786983,418.012604 25.883821,405.701630 C26.195761,366.044373 26.000006,326.383118 26.000006,286.723419 C26.000004,266.893555 25.991882,247.063705 26.003424,227.233841 C26.009289,217.157303 32.049149,211.009308 41.987537,211.005600 C79.314323,210.991669 116.641106,210.996048 153.967896,211.003571 C160.814133,211.004959 161.996735,212.212265 161.997223,219.177612 C162.001892,285.332672 162.001419,351.487732 161.997955,417.642792 C161.997589,424.664001 160.635208,425.997284 153.486496,425.998383 C127.490997,426.002441 101.495499,426.000000 75.000000,426.000000 z"
id="path11" />
<path
fill="#FFFFFF"
opacity="1.000000"
stroke="none"
d=" M612.987183,237.031128 C619.020142,231.866287 623.383179,231.726349 630.730652,236.409973 C640.900208,242.892380 651.003967,249.478363 661.117188,256.048767 C685.640808,271.981476 710.193420,287.870148 734.653076,303.900543 C745.924316,311.287506 745.839661,320.750214 734.470093,328.213562 C714.593994,341.261017 694.658508,354.219269 674.674377,367.100769 C659.816589,376.677917 644.906433,386.178070 629.872437,395.474457 C626.389282,397.628296 622.378906,398.726318 618.073486,396.969757 C613.298340,395.021606 610.026978,390.825134 610.022644,385.505005 C609.984619,338.530182 609.958679,291.555145 610.121521,244.580856 C610.129822,242.180267 611.896790,239.785782 612.987183,237.031128 z"
id="path12" />
</svg>

After

Width:  |  Height:  |  Size: 15 KiB

View File

@@ -1,5 +1,5 @@
/*
* Jellyfin Slideshow by M0RPH3US v3.0.6
* Jellyfin Slideshow by M0RPH3US v3.0.9
* Modified by CodeDevMLH v1.1.0.0
*
* New features:
@@ -13,6 +13,7 @@
* - option to set a maximum for the pagination dots (will turn into a counter style if exceeded)
* - option to disable loading screen
* - option to put collection (boxsets) IDs into the slideshow to display their items
* - option to enable client-side settings (allow users to override settings locally on their device)
*/
@import url(https://fonts.googleapis.com/css2?family=Archivo+Narrow:ital,wght@0,400..700;1,400..700&display=swap);
@@ -41,11 +42,11 @@
@keyframes kenBurnsZoomIn {
from {
transform: scale(1);
transform: scale3d(1, 1, 0);
}
to {
transform: scale(1.1);
transform: scale3d(1.1, 1.1, 0.1);
}
}
@@ -128,6 +129,10 @@
transition: width 0.2s ease-in-out;
}
.layout-mobile .splashLogo {
height: 12%;
}
.backdrop.low-quality {
filter: blur(0.5px);
transform: scale(1.01);
@@ -166,6 +171,12 @@
height: 90%;
overflow: hidden;
margin: 0 auto;
pointer-events: auto;
}
#slides-container[style*="display: none"],
#slides-container[style*="visibility: hidden"] {
pointer-events: none !important;
}
.arrow {
@@ -780,6 +791,41 @@
left: 50%;
transform: translate(-50%, -50%);
}
@media (max-width: 400px) {
.button-container {
gap: 10px;
}
.play-button,
.trailer-button {
padding: 8px 14px;
}
.misc-info {
flex-wrap: wrap;
justify-content: center;
gap: 0px 10px;
}
.runTime {
width: 100%;
justify-content: center;
margin-top: 0.5vh;
}
.misc-info .separator-icon:last-of-type {
display: none;
}
.genre {
top: calc(50% + 16vh);
}
.button-container {
top: calc(50% + 27vh);
}
}
}
/*Landscape Mode Phones*/

View File

@@ -1,5 +1,5 @@
/*
* Jellyfin Slideshow by M0RPH3US v3.0.6
* Jellyfin Slideshow by M0RPH3US v3.0.9
* Modified by CodeDevMLH v1.1.0.0
*
* New features:
@@ -13,6 +13,7 @@
* - option to set a maximum for the pagination dots (will turn into a counter style if exceeded)
* - option to disable loading screen
* - option to put collection (boxsets) IDs into the slideshow to display their items
* - option to enable client-side settings (allow users to override settings locally on their device)
*/
//Core Module Configuration
@@ -42,12 +43,14 @@ const CONFIG = {
fullWidthVideo: true,
enableMobileVideo: false,
showTrailerButton: true,
preferredVideoQuality: "Auto",
enableKeyboardControls: true,
alwaysShowArrows: false,
enableCustomMediaIds: false,
enableCustomMediaIds: true,
enableSeasonalContent: false,
customMediaIds: "",
enableLoadingScreen: true,
enableClientSideSettings: false,
};
// State management
@@ -77,6 +80,7 @@ const STATE = {
videoPlayers: {},
sponsorBlockInterval: null,
isMuted: CONFIG.startMuted,
customTrailerUrls: {},
},
};
@@ -205,7 +209,7 @@ const initLoadingScreen = () => {
if (!isHomePage) return;
// Check LocalStorage for cached preference to avoid flash
const cachedSetting = localStorage.getItem('mediaBarEnhanced_enableLoadingScreen');
const cachedSetting = localStorage.getItem('mediaBarEnhanced-enableLoadingScreen');
if (cachedSetting === 'false') {
return;
}
@@ -252,31 +256,53 @@ const initLoadingScreen = () => {
const checkInterval = setInterval(() => {
const loginFormLoaded = document.querySelector(".manualLoginForm");
const homePageLoaded =
document.querySelector(".homeSectionsContainer") &&
document.querySelector("#slides-container");
const activeTab = document.querySelector(".pageTabContent.is-active");
if (loginFormLoaded || homePageLoaded) {
clearInterval(progressInterval);
clearInterval(checkInterval);
if (loginFormLoaded) {
finishLoading();
return;
}
progressBar.style.transition = "width 300ms ease-in-out";
progressBar.style.width = "100%";
unfilledBar.style.width = "0%";
if (activeTab) {
const tabIndex = activeTab.getAttribute("data-index");
progressBar.addEventListener('transitionend', () => {
requestAnimationFrame(() => {
const loader = document.querySelector(".bar-loading");
if (loader) {
loader.style.opacity = '0';
setTimeout(() => {
loader.remove();
}, 300);
}
});
})
if (tabIndex === "0") {
const homeSections = document.querySelector(".homeSectionsContainer");
const slidesContainer = document.querySelector("#slides-container");
if (homeSections && slidesContainer) {
finishLoading();
}
} else {
if (
activeTab.children.length > 0 ||
activeTab.innerText.trim().length > 0
) {
finishLoading();
}
}
}
}, CONFIG.loadingCheckInterval);
const finishLoading = () => {
clearInterval(progressInterval);
clearInterval(checkInterval);
progressBar.style.transition = "width 300ms ease-in-out";
progressBar.style.width = "100%";
unfilledBar.style.width = "0%";
progressBar.addEventListener("transitionend", () => {
requestAnimationFrame(() => {
const loader = document.querySelector(".bar-loading");
if (loader) {
loader.style.opacity = "0";
setTimeout(() => {
loader.remove();
}, 300);
}
});
});
};
};
/**
@@ -321,6 +347,7 @@ const resetSlideshowState = () => {
STATE.slideshow.itemIds = [];
STATE.slideshow.loadedItems = {};
STATE.slideshow.createdSlides = {};
STATE.slideshow.customTrailerUrls = {};
STATE.slideshow.totalItems = 0;
STATE.slideshow.isLoading = false;
};
@@ -416,7 +443,7 @@ const fetchPluginConfig = async () => {
}
// Sync to LocalStorage for next load
localStorage.setItem('mediaBarEnhanced_enableLoadingScreen', CONFIG.enableLoadingScreen);
localStorage.setItem('mediaBarEnhanced-enableLoadingScreen', CONFIG.enableLoadingScreen);
console.log("✅ MediaBarEnhanced config loaded", CONFIG);
}
@@ -820,29 +847,64 @@ const LocalizationUtils = {
throw new Error(`Failed to fetch translations: ${response.statusText}`);
}
/**
* @example
* Standard version
* ```js
* "use strict";
* (self.webpackChunk = self.webpackChunk || []).push([[62634], {
* 30985: function(e) {
* e.exports = JSON.parse('{"Absolute":"..."}')
* }
* }]);
* ```
*
* Minified version
* ```js
* "use strict";(self.webpackChunk=self.webpackChunk||[]).push([[24072],{60715:function(e){e.exports=JSON.parse('{"Absolute":"..."}')}}]);
* ```
*/
const chunkText = await response.text();
const replaceEscaped = (text) =>
text.replace(/\\"/g, '"').replace(/\\n/g, '\n').replace(/\\\\/g, '\\').replace(/\\'/g, "'");
// 1. Try to remove start and end wrappers first
try {
// Matches from start of file to the beginning of JSON.parse('
const START = /^(.*)JSON\.parse\(['"]/gms;
// Matches from the end of the JSON string to the end of the file
const END = /['"]?\)?\s*}?(\r\n|\r|\n)?}?]?\)?;(\r\n|\r|\n)?$/gms;
const jsonString = replaceEscaped(chunkText.replace(START, '').replace(END, ''));
this.translations[locale] = JSON.parse(jsonString);
return;
} catch (e) {
console.error('Failed to parse JSON from standard extraction.');
// Try alternative extraction below
}
// 2. Try to extract only the JSON string directly
let jsonMatch = chunkText.match(/JSON\.parse\(['"](.*?)['"]\)/);
if (jsonMatch) {
let jsonString = jsonMatch[1]
.replace(/\\"/g, '"')
.replace(/\\n/g, '\n')
.replace(/\\\\/g, '\\')
.replace(/\\'/g, "'");
try {
const jsonString = replaceEscaped(jsonMatch[1]);
this.translations[locale] = JSON.parse(jsonString);
return;
} catch (e) {
console.error('Failed to parse JSON from direct extraction.');
// Try direct extraction
}
}
// 3. Fallback: extract everything between the first { and the last }
const jsonStart = chunkText.indexOf('{');
const jsonEnd = chunkText.lastIndexOf('}') + 1;
if (jsonStart !== -1 && jsonEnd > jsonStart) {
const jsonString = chunkText.substring(jsonStart, jsonEnd);
try {
this.translations[locale] = JSON.parse(jsonString);
return;
} catch (e) {
console.error("Failed to parse JSON from chunk:", e);
}
@@ -1252,18 +1314,23 @@ const VisibilityObserver = {
const isVisible =
(window.location.hash === "#/home.html" ||
window.location.hash === "#/home") &&
activeTab &&
activeTab.getAttribute("data-index") === "0";
container.style.display = isVisible ? "block" : "none";
container.style.visibility = isVisible ? "visible" : "hidden";
container.style.pointerEvents = isVisible ? "auto" : "none";
if (isVisible) {
if (STATE.slideshow.slideInterval && !STATE.slideshow.isPaused) {
STATE.slideshow.slideInterval.start();
SlideshowManager.resumeActivePlayback();
}
} else {
if (STATE.slideshow.slideInterval) {
STATE.slideshow.slideInterval.stop();
}
SlideshowManager.stopAllPlayback();
}
},
@@ -1271,11 +1338,11 @@ const VisibilityObserver = {
* Initializes visibility observer
*/
init() {
const observer = new MutationObserver(this.updateVisibility);
const observer = new MutationObserver(() => this.updateVisibility());
observer.observe(document.body, { childList: true, subtree: true });
document.body.addEventListener("click", this.updateVisibility);
window.addEventListener("hashchange", this.updateVisibility);
document.body.addEventListener("click", () => this.updateVisibility());
window.addEventListener("hashchange", () => this.updateVisibility());
this.updateVisibility();
},
@@ -1366,12 +1433,21 @@ const SlideCreator = {
let trailerUrl = null;
// 1. Check for Remote Trailers (YouTube)
if (item.RemoteTrailers && item.RemoteTrailers.length > 0) {
// Priority: Custom Config URL > Metadata RemoteTrailer
if (STATE.slideshow.customTrailerUrls && STATE.slideshow.customTrailerUrls[itemId]) {
trailerUrl = STATE.slideshow.customTrailerUrls[itemId];
console.log(`Using custom trailer URL for ${itemId}: ${trailerUrl}`);
} else if (item.RemoteTrailers && item.RemoteTrailers.length > 0) {
trailerUrl = item.RemoteTrailers[0].Url;
}
const isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
const shouldPlayVideo = CONFIG.enableVideoBackdrop && (!isMobile || CONFIG.enableMobileVideo);
// Client Setting Overrides
const enableVideo = MediaBarEnhancedSettingsManager.getSetting('videoBackdrops', CONFIG.enableVideoBackdrop);
const enableMobileVideo = MediaBarEnhancedSettingsManager.getSetting('mobileVideo', CONFIG.enableMobileVideo);
const shouldPlayVideo = enableVideo && (!isMobile || enableMobileVideo);
if (trailerUrl && shouldPlayVideo) {
let isYoutube = false;
@@ -1415,6 +1491,21 @@ const SlideCreator = {
loop: 0
};
// Determine video quality
let quality = 'hd1080';
if (CONFIG.preferredVideoQuality === 'Maximum') {
quality = 'highres';
} else if (CONFIG.preferredVideoQuality === '720p') {
quality = 'hd720';
} else if (CONFIG.preferredVideoQuality === '1080p') {
quality = 'hd1080';
} else { // Auto or fallback
// If screen is wider than 1920, prefer highres, otherwise 1080p
quality = window.screen.width > 1920 ? 'highres' : 'hd1080';
}
playerVars.suggestedQuality = quality;
// Apply SponsorBlock start/end times
if (segments.intro) {
playerVars.start = Math.ceil(segments.intro[1]);
@@ -1444,6 +1535,10 @@ const SlideCreator = {
event.target.setVolume(40);
}
if (typeof event.target.setPlaybackQuality === 'function') {
event.target.setPlaybackQuality(quality);
}
// Only play if this is the active slide
const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
if (slide && slide.classList.contains('active')) {
@@ -1492,6 +1587,7 @@ const SlideCreator = {
className: "backdrop video-backdrop",
src: trailerUrl,
autoplay: false,
preload: "auto",
loop: false,
style: "object-fit: cover; width: 100%; height: 100%; pointer-events: none;"
};
@@ -2046,7 +2142,9 @@ const SlideshowManager = {
}
}
if (CONFIG.slideAnimationEnabled) {
const enableAnimations = MediaBarEnhancedSettingsManager.getSetting('slideAnimations', CONFIG.slideAnimationEnabled);
if (enableAnimations) {
const backdrop = currentSlide.querySelector(".backdrop");
if (backdrop && !backdrop.classList.contains("video-backdrop")) {
backdrop.classList.add("animate");
@@ -2092,11 +2190,14 @@ const SlideshowManager = {
setTimeout(() => {
STATE.slideshow.isTransitioning = false;
if (previousVisibleSlide && CONFIG.slideAnimationEnabled) {
const prevBackdrop = previousVisibleSlide.querySelector(".backdrop");
const prevLogo = previousVisibleSlide.querySelector(".logo");
if (prevBackdrop) prevBackdrop.classList.remove("animate");
if (prevLogo) prevLogo.classList.remove("animate");
if (previousVisibleSlide) {
const enableAnimations = MediaBarEnhancedSettingsManager.getSetting('slideAnimations', CONFIG.slideAnimationEnabled);
if (enableAnimations) {
const prevBackdrop = previousVisibleSlide.querySelector(".backdrop");
const prevLogo = previousVisibleSlide.querySelector(".logo");
if (prevBackdrop) prevBackdrop.classList.remove("animate");
if (prevLogo) prevLogo.classList.remove("animate");
}
}
}, CONFIG.fadeTransitionDuration);
}
@@ -2317,6 +2418,65 @@ const SlideshowManager = {
}
},
/**
* Stops all video playback (YouTube and HTML5)
* Used when navigating away from the home screen
*/
stopAllPlayback() {
// 1. Pause all YouTube players
if (STATE.slideshow.videoPlayers) {
Object.values(STATE.slideshow.videoPlayers).forEach(player => {
try {
if (player && typeof player.pauseVideo === 'function') {
player.pauseVideo();
}
} catch (e) {
console.warn("Error pausing YouTube player:", e);
}
});
}
// 2. Pause all HTML5 videos
const container = document.getElementById("slides-container");
if (container) {
container.querySelectorAll('video').forEach(video => {
try {
video.pause();
} catch (e) {
console.warn("Error pausing HTML5 video:", e);
}
});
}
},
/**
* Resumes playback for the active slide if not globally paused
*/
resumeActivePlayback() {
if (STATE.slideshow.isPaused) return;
const currentItemId = STATE.slideshow.itemIds[STATE.slideshow.currentSlideIndex];
if (!currentItemId) return;
const currentSlide = document.querySelector(`.slide[data-item-id="${currentItemId}"]`);
if (!currentSlide) return;
// 1. Try YouTube Player
const ytPlayer = STATE.slideshow.videoPlayers[currentItemId];
if (ytPlayer && typeof ytPlayer.playVideo === 'function') {
ytPlayer.playVideo();
}
// 2. Try HTML5 Video
const html5Video = currentSlide.querySelector('video');
if (html5Video) {
if (STATE.slideshow.isMuted) {
html5Video.muted = true;
}
html5Video.play().catch(e => console.warn("Error resuming HTML5 video:", e));
}
},
/**
* Initializes touch events for swiping
*/
@@ -2433,10 +2593,25 @@ const SlideshowManager = {
*/
parseCustomIds() {
if (!CONFIG.enableSeasonalContent) {
return CONFIG.customMediaIds
.split(/[\n,]/) // Split by comma or newline
.map((id) => id.trim()) // Remove whitespace
.filter((id) => id); // Remove empty strings
return CONFIG.customMediaIds
.split(/[\n,]/).map((line) => {
const urlMatch = line.match(/\[(.*?)\]/);
let id = line;
if (urlMatch) {
const url = urlMatch[1];
id = line.replace(/\[.*?\]/, '').trim();
const guidMatch = id.match(/([0-9a-f]{32})/i);
if (guidMatch) {
id = guidMatch[1];
} else {
id = id.split('|')[0].trim();
}
STATE.slideshow.customTrailerUrls[id] = url;
}
return id.trim();
})
.map((id) => id.trim())
.filter((id) => id);
} else {
return this.parseSeasonalIds();
}
@@ -2493,7 +2668,22 @@ const SlideshowManager = {
if (isInRange) {
console.log(`Seasonal match found: ${line}`);
const ids = idsPart.split(/[,]/).map(id => id.trim()).filter(id => id);
const ids = idsPart.split(/[,]/).map(line => {
const urlMatch = line.match(/\[(.*?)\]/);
let id = line;
if (urlMatch) {
const url = urlMatch[1];
id = line.replace(/\[.*?\]/, '').trim();
const guidMatch = id.match(/([0-9a-f]{32})/i);
if (guidMatch) {
id = guidMatch[1];
} else {
id = id.split('|')[0].trim();
}
STATE.slideshow.customTrailerUrls[id] = url;
}
return id.trim();
}).filter(id => id);
rawIds.push(...ids);
}
}
@@ -2514,17 +2704,23 @@ const SlideshowManager = {
try {
let id = rawId;
// If not a valid GUID, treat as a name and search
// If not a valid GUID, check if it starts with one (comments) or treat as a name
if (!guidRegex.test(rawId)) {
console.log(`Input '${rawId}' is not a GUID, searching for Collection/Playlist by name...`);
const resolvedId = await ApiUtils.findCollectionOrPlaylistByName(rawId);
const guidMatch = rawId.match(/^([0-9a-f]{32})(?:[^0-9a-f]|$)/i);
if (resolvedId) {
console.log(`Resolved name '${rawId}' to ID: ${resolvedId}`);
id = resolvedId;
if (guidMatch) {
id = guidMatch[1];
} else {
console.warn(`Could not find Collection or Playlist with name: '${rawId}'`);
continue; // Skip if resolution failed
console.log(`Input '${rawId}' is not a GUID, searching for Collection/Playlist by name...`);
const resolvedId = await ApiUtils.findCollectionOrPlaylistByName(rawId);
if (resolvedId) {
console.log(`Resolved name '${rawId}' to ID: ${resolvedId}`);
id = resolvedId;
} else {
console.warn(`Could not find Collection or Playlist with name: '${rawId}'`);
continue; // Skip if resolution failed
}
}
}
@@ -2590,7 +2786,10 @@ const SlideshowManager = {
this.nextSlide();
}, CONFIG.shuffleInterval);
if (CONFIG.waitForTrailerToEnd && STATE.slideshow.slideInterval) {
// Check if we should wait for trailer
const waitForTrailer = MediaBarEnhancedSettingsManager.getSetting('waitForTrailer', CONFIG.waitForTrailerToEnd);
if (waitForTrailer && STATE.slideshow.slideInterval) {
const activeSlide = document.querySelector('.slide.active');
const hasActiveVideo = !!(activeSlide && activeSlide.querySelector('.video-backdrop'));
if (hasActiveVideo) {
@@ -2735,6 +2934,159 @@ const initArrowNavigation = () => {
);
};
const MediaBarEnhancedSettingsManager = {
initialized: false,
init() {
if (this.initialized) return;
if (!CONFIG.enableClientSideSettings) return;
this.initialized = true;
this.injectSettingsIcon();
console.log("MediaBarEnhanced: Client-Side Settings Manager initialized.");
},
getSetting(key, defaultValue) {
if (!CONFIG.enableClientSideSettings) return defaultValue;
const value = localStorage.getItem(`mediaBarEnhanced-${key}`);
return value !== null ? value === 'true' : defaultValue;
},
setSetting(key, value) {
localStorage.setItem(`mediaBarEnhanced-${key}`, value);
},
createIcon() {
const button = document.createElement('button');
button.type = 'button';
button.className = 'paper-icon-button-light headerButton media-bar-settings-button';
button.title = 'Media Bar Settings';
// button.innerHTML = '<span class="material-icons">tune</span>';
button.innerHTML = '<img src="/MediaBarEnhanced/Resources/assets/logo_SW.svg" style="width: 24px; height: 24px; vertical-align: middle;">';
button.style.verticalAlign = 'middle';
button.addEventListener('click', (e) => {
e.stopPropagation();
this.toggleSettingsPopup(button);
});
return button;
},
injectSettingsIcon() {
const observer = new MutationObserver((mutations, obs) => {
const headerRight = document.querySelector('.headerRight');
if (headerRight && !document.querySelector('.media-bar-settings-button')) {
const icon = this.createIcon();
headerRight.prepend(icon);
}
});
observer.observe(document.body, {
childList: true,
subtree: true
});
},
createPopup(anchorElement) {
const existing = document.querySelector('.media-bar-settings-popup');
if (existing) existing.remove();
const popup = document.createElement('div');
popup.className = 'media-bar-settings-popup dialog';
Object.assign(popup.style, {
position: 'fixed',
zIndex: '10000',
backgroundColor: '#202020',
padding: '1em',
borderRadius: '0.3em',
boxShadow: '0 0 20px rgba(0,0,0,0.5)',
minWidth: '250px',
color: '#fff',
});
const rect = anchorElement.getBoundingClientRect();
let rightPos = window.innerWidth - rect.right;
if (window.innerWidth < 450 || (window.innerWidth - rightPos) < 260) {
popup.style.right = '1rem';
popup.style.left = 'auto';
} else {
popup.style.right = `${rightPos}px`;
popup.style.left = 'auto';
}
popup.style.top = `${rect.bottom + 10}px`;
const settings = [
{ key: 'enabled', label: 'Enable Media Bar', description: 'Toggle the entire media bar visibility.', default: true },
{ key: 'videoBackdrops', label: 'Enable Video Backdrops', description: 'Play trailers as background videos.', default: CONFIG.enableVideoBackdrop },
{ key: 'trailerButton', label: 'Show Trailer Button', description: 'Show button to play trailers in popup on non Video backdrops.', default: CONFIG.showTrailerButton },
{ key: 'mobileVideo', label: 'Enable Mobile Video', description: 'Allow video backdrops on mobile devices.', default: CONFIG.enableMobileVideo },
{ key: 'waitForTrailer', label: 'Wait For Trailer To End', description: 'Wait for the trailer to finish before changing slides.', default: CONFIG.waitForTrailerToEnd },
{ key: 'slideAnimations', label: 'Enable Animations', description: 'Enable transition animations between slides.', default: CONFIG.slideAnimationEnabled },
];
let html = '<h3 style="margin-top:0; margin-bottom:1em; border-bottom:1px solid #444; padding-bottom:0.5em;">Media Bar Settings</h3>';
settings.forEach(setting => {
const isChecked = this.getSetting(setting.key, setting.default);
html += `
<div class="checkboxContainer checkboxContainer-withDescription" style="margin-bottom: 0.5em;">
<label class="emby-checkbox-label">
<input id="mb-setting-${setting.key}" type="checkbox" is="emby-checkbox" class="emby-checkbox" ${isChecked ? 'checked' : ''} />
<span class="checkboxLabel">${setting.label}</span>
</label>
<div class="fieldDescription">${setting.description}</div>
</div>
`;
});
// Reload button
html += `
<div style="margin-top:1em; text-align:right;">
<button is="emby-button" type="button" class="raised button-submit emby-button" id="mb-settings-save">
<span>Reload</span>
</button>
</div>
`;
popup.innerHTML = html;
// Add Listeners
settings.forEach(setting => {
const checkbox = popup.querySelector(`#mb-setting-${setting.key}`);
checkbox.addEventListener('change', (e) => {
this.setSetting(setting.key, e.target.checked);
});
});
popup.querySelector('#mb-settings-save').addEventListener('click', () => {
location.reload();
});
const closeHandler = (e) => {
if (!popup.contains(e.target) && e.target !== anchorElement && !anchorElement.contains(e.target)) {
popup.remove();
document.removeEventListener('click', closeHandler);
}
};
setTimeout(() => document.addEventListener('click', closeHandler), 0);
document.body.appendChild(popup);
},
toggleSettingsPopup(anchorElement) {
const existing = document.querySelector('.media-bar-settings-popup');
if (existing) {
existing.remove();
} else {
this.createPopup(anchorElement);
}
}
};
/**
* Initialize the slideshow
*/
@@ -2743,6 +3095,24 @@ const slidesInit = async () => {
console.log("⚠️ Slideshow already initialized, skipping");
return;
}
if (CONFIG.enableClientSideSettings) {
MediaBarEnhancedSettingsManager.init();
const isEnabled = MediaBarEnhancedSettingsManager.getSetting('enabled', true);
if (!isEnabled) {
console.log("MediaBarEnhanced: Disabled by client-side setting.");
const homeSections = document.querySelector('.homeSectionsContainer');
if (homeSections) {
homeSections.style.top = '0';
homeSections.style.marginTop = '0';
}
const container = document.getElementById('slides-container');
if (container) container.style.display = 'none';
return;
}
}
STATE.slideshow.hasInitialized = true;
/**
@@ -2839,7 +3209,7 @@ const slidesInit = async () => {
}
};
window.slideshowPure = {
window.mediaBarEnhanced = {
CONFIG,
STATE,
SlideUtils,
@@ -2860,6 +3230,6 @@ window.slideshowPure = {
initLoadingScreen();
loadPluginConfig().then(() => {
fetchPluginConfig().then(() => {
startLoginStatusWatcher();
});

239
README.md
View File

@@ -1 +1,238 @@
# jellyfin-plugin-media-bar-enhanced
# Jellyfin Media Bar Enhanced Plugin
Media Bar Enhanced is a plugin for Jellyfin that introduces a customizable and interactive media bar to your dashboard view on Jellyfin web.
This plugin is a fork and enhancement of the original [Media Bar by MakD](https://github.com/MakD/Jellyfin-Media-Bar), but can be installed as plugin for easier installation and management/configuration.
![logo](https://raw.githubusercontent.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/main/logo.png)
---
## Table of Contents
- [Jellyfin Media Bar Enhanced Plugin](#jellyfin-media-bar-enhanced-plugin)
- [Table of Contents](#table-of-contents)
- [Overview](#overview)
- [Features](#features)
- [New Features \& Enhancements](#new-features--enhancements)
- [Core Features](#core-features)
- [Installation](#installation)
- [Client Compatibility](#client-compatibility)
- [Configuration](#configuration)
- [General Settings](#general-settings)
- [Custom Content](#custom-content)
- [Advanced Settings](#advanced-settings)
- [Build The Plugin By Yourself](#build-the-plugin-by-yourself)
- [Troubleshooting](#troubleshooting)
- [Effects Not Showing](#effects-not-showing)
- [Docker Permission Issues](#docker-permission-issues)
- [Contributing](#contributing)
---
## Overview
![demo](https://github.com/user-attachments/assets/3a01b886-1a96-4dd1-abf6-e9c3b054bfde)
Expand to get more impressions:
<details>
<summary>Desktop Layout</summary>
<img width="1920" height="1080" alt="trailer button" src="https://github.com/user-attachments/assets/5dce8eb1-8f2f-4583-a6d5-16f27ced8608" />
Normal mode like the original with additional trailer button
<br><br><br>
<img width="1920" height="993" alt="modal_desktop" src="https://github.com/user-attachments/assets/9087f43d-cd9d-4581-a7e0-404b75bc8e02" />
Trailer modal
<br><br><br>
<img width="1920" height="994" alt="config" src="https://github.com/user-attachments/assets/5492c384-a5c4-47ee-9428-3d9de2748e63" />
Excerpt from the config: E.g. here you can simply add your items that should be displayed
<br><br>
</details>
<details>
<summary>Mobile Layout</summary>
![demo_mobile](https://github.com/user-attachments/assets/d11a7ed0-ceb7-43c3-9b22-09510251e0aa)
<br>If trailer on mobile is eenabled...
<br><br><br>
<img width="1080" height="2199" alt="mobile" src="https://github.com/user-attachments/assets/f0a0cc0d-f019-45f5-96c8-a5de14bf92ba" />
Normal mode like the original with additional trailer button
<br><br><br>
<img width="1080" height="2199" alt="trailer_modal_mobile" src="https://github.com/user-attachments/assets/944f9b82-9c9b-411f-883b-877b65ed933f" />
Trailer modal in portrait mode
<br><br>
</details>
## Features
This plugin builds upon the original Media Bar with new capabilities and improvements:
### New Features & Enhancements
* **Video Backdrop Support**: Play trailer as background video directly in the slideshow
* **SponsorBlock Integration**: Automatically skip intro/outro segments in YouTube trailers
* **Enhanced Controls**:
* Keyboard shortcuts (Arrow keys to navigate, Space to pause, M to mute)
* Option to always show navigation arrows
* Standalone "Trailer" button (opens in a modal) if video backdrops are disabled
* **Smarter Playback**:
* Option to wait for the trailer to end before advancing the slide.
* Mute/Unmute controls
* **Customization**:
* **Custom Media IDs**: Manually specify which items (Movies, Series, Collections/Boxsets) to display. Easily configurable via the plugin settings
* **Seasonal Content Mode**: Define date-based lists for holidays and seasons (e.g., Halloween, Christmas)
* Pagination dots turn into a counter (e.g., 1/20) if the limit is exceeded
* Option to disable the loading screen
### Core Features
* **Immersive Slideshow**: Rotates through your media library
* **Metadata Display**: Shows title, rating, year, and plot summary
* **Direct Play**: Click "Play" to start watching immediately
* **Details View**: Click "Info" to jump to the item's detail page
* **Add To Favorites**: Click the heart to add the item to your favorites
## Installation
This plugin is based on Jellyfin Version `10.11.x`
1. Open your **Jellyfin Dashboard**.
2. Navigate to **Plugins** > **Repositories**.
3. Click the **+** button to add a new repository.
4. Enter a name for the repo and paste the following URL:
```
https://raw.githubusercontent.com/CodeDevMLH/jellyfin-plugin-manifest/refs/heads/main/manifest.json
```
5. Click **Save**.
6. Go to the **Catalog** tab.
7. Find **Media Bar Enhanced** (Under **General**) and install it.
8. **Restart your Jellyfin server.**
9. **Refresh your browser** (Ctrl+F5) to load the new interface elements.
## Client Compatibility
Because this plugin relies on injecting JavaScript and CSS into the web interface, it works best on clients that use the web wrapper.
| Client Platform | Status | Notes |
| :--- | :---: | :--- |
| **Web Browsers** (Chrome, Firefox, Edge, etc.) | ✅ | Fully supported. |
| **Jellyfin Media Player** (Windows/Linux/macOS) | ✅ | Fully supported. |
| **Android App** | ✅ | Works (Web wrapper). |
| **iOS App** | ✅ | Works (Web wrapper). |
| **Android TV / Fire TV** | ❌ | **Not supported** (Native UI). |
| **Roku** | ❌ | **Not supported** (Native UI). |
| **Swiftfin** | ❌ | **Not supported** (Native UI). |
## Configuration
Configure the plugin via **Dashboard** > **Plugins** > **Media Bar Enhanced**.
> [!NOTE]
> You must refresh your browser window (F5 or Ctrl+R) after saving changes for them to take effect.
### General Settings
* **Enable Media Bar Enhanced Plugin**: Master switch to toggle the plugin.
* **Enable Video Backdrops**: Dynamically plays trailers in the background.
* **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)
### Custom Content
Define exactly what shows up in your bar.
* **Enable Custom Media IDs**: Restrict the slideshow to a specific list of IDs.
* **Manual Trailer Override**: Add `[YouTube_URL]` after an ID to force a specific trailer.
* Example ID: `a1b2c3d4e5... [https://www.youtube.com/watch?v=VIDEO_ID]`
* Example Collection Name: `Halloween Collection [https://...] | My Description` (Note: Use `|` to separate description from name if using a name instead of an ID)
* **Enable Seasonal Content Mode**: Advanced date-based scheduling.
* Format: `DD.MM-DD.MM | Name | ID1, ID2, ID3`
* Example: `20.10-31.10 | Halloween | <ID_OF_HALLOWEEN_COLLECTION>`
* If the current date matches a range, those IDs are used. Otherwise, it defaults to standard behavior or the Custom Media IDs list.
**How to get IDs:**
Check the URL of an item in the web interface:
`.../web/#/details?id=YOUR_ITEM_ID_HERE&...`
### Advanced Settings
* **Slide Animations**: Enable/disable the "Zoom In" effect.
* **Use SponsorBlock**: Skips non-content segments in YouTube trailers (if the data exists).
* **Start Muted**: Videos start without sound (user can unmute).
* **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.
* **Enable Keyboard Controls**:
* `Left`/`Right`: Change slide
* `Space`: Pause/Play slideshow
* `M`: Mute/Unmute video
* **Content Limits**: Fine-tune performance by limiting the number of items (Movies, TV Shows) fetched.
## Build The Plugin By Yourself
If you want to build the plugin yourself:
1. Clone the repository.
2. Ensure you have the .NET SDK installed (NET 8 or 9 depending on your Jellyfin version).
3. Run the build command:
```powershell
dotnet build Jellyfin.Plugin.MediaBarEnhanced/Jellyfin.Plugin.MediaBarEnhanced.csproj --configuration Release --output bin/Publish
```
4. The compiled DLL and resources will be in bin/Publish.
## Troubleshooting
### Effects Not Showing
1. **Verify plugin installation**:
- Check that the plugin appears in the jellyfin admin panel
- Ensure that the plugin is enabled and active
2. **Clear browser cache**:
- Force refresh browser (Ctrl+F5)
- Clear jellyfin web client cache (--> mostly you have to clear the whole browser cache)
### Docker Permission Issues
If you encounter the message `Access was denied when attempting to inject script into index.html. Automatic direct injection failed. Automatic direct insertion failed. The system will now attempt to use the File Transformation plugin.` in the log or similar permission errors in Docker:
**Option 1: Use File Transformation Plugin (Recommended)**
Media Bar Enhanced now automatically detects and uses the [File Transformation](https://github.com/IAmParadox27/jellyfin-plugin-file-transformation) plugin (v2.5.0.0+) if it's installed. This eliminates permission issues by transforming content at runtime without modifying files on disk.
**Installation Steps:**
1. Install the File Transformation plugin from the Jellyfin plugin catalog
2. Restart Jellyfin
3. Media Bar Enhanced will automatically detect and use it (no configuration needed)
4. Check logs to confirm: Look for "Successfully registered transformation with File Transformation plugin"
**Benefits:**
- No file permission issues in Docker environments
- Works with read-only web directories
- Survives Jellyfin updates without re-injection
- No manual file modifications required
**Option 2: Fix File Permissions**
```bash
# Find the actual index.html location
docker exec -it jellyfin find / -name index.html
# Fix ownership (replace 'jellyfin' with your container name and adjust user:group if needed)
docker exec -it --user root jellyfin chown jellyfin:jellyfin /jellyfin/jellyfin-web/index.html
# Restart container
docker restart jellyfin
```
**Option 3: Manual Volume Mapping**
```bash
# Extract index.html from container
docker cp jellyfin:/jellyfin/jellyfin-web/index.html /path/to/jellyfin/config/index.html
# Add to docker-compose.yml volumes section:
volumes:
- /path/to/jellyfin/config/index.html:/jellyfin/jellyfin-web/index.html
```
## Contributing
Feel free to contribute to this project by creating pull requests or reporting issues.

View File

@@ -27,7 +27,8 @@ Setzt deine Commits neu auf die Spitze eines anderen Branches. Die Commit-IDs we
```bash
git checkout dev
git rebase main
git fetch origin
git rebase origin/main
```
| Details | |

104
jprm.md
View File

@@ -1,104 +0,0 @@
# Using JPRM (Jellyfin Plugin Repository Manager)
Wenn du mehrere Plugins hast, ist es oft einfacher, den offiziellen **JPRM** (Jellyfin Plugin Repository Manager) zu nutzen. Anstatt dass jedes Plugin sich selbst in die Manifest-Datei "pusht" (wie in deinem aktuellen Script), "pullt" das zentrale Repo automatisch die neuesten Releases deiner Plugins.
## Wie es funktioniert
1. Du hast ein zentrales Repo (z.B. `jellyfin-plugin-manifest`).
2. Dort läuft ein Script (JPRM), das eine Liste von deinen Plugin-Repos durchgeht.
3. Es prüft, ob es neue Releases gibt.
4. Es baut die `manifest.json` komplett neu.
## Schritt 1: Das zentrale Repo vorbereiten
Erstelle ein neues Repo (oder nimm dein vorhandenes `jellyfin-plugin-manifest`) und erstelle eine Datei namens `config.json` (oder ähnlich), die deine Plugins auflistet.
Beispiel `manifest-config.json` für JPRM:
```json
[
{
"Url": "https://github.com/CodeDevMLH/Media-Bar-Plugin",
"Branch": "main",
"Package": "Jellyfin.Plugin.MediaBarEnhanced"
},
{
"Url": "https://github.com/CodeDevMLH/Anderes-Plugin",
"Branch": "main",
"Package": "Jellyfin.Plugin.Anderes"
}
]
```
## Schritt 2: Der GitHub Workflow (im zentralen Repo)
In deinem **zentralen Repo** erstellst du einen Workflow `.github/workflows/update-manifest.yaml`. Dieser läuft z.B. jede Nacht oder wenn du ihn manuell startest.
```yaml
name: Generate Manifest
on:
workflow_dispatch:
schedule:
- cron: '0 0 * * *' # Täglich um Mitternacht
jobs:
generate:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v3
- name: Set up Python
uses: actions/setup-python@v4
with:
python-version: '3.x'
- name: Install JPRM
run: pip install jprm
- name: Generate Manifest
run: |
# jprm repo init --help für mehr infos
# Hier ein einfaches Beispielkommando (die genauen Flags hängen von deiner Struktur ab)
jprm repo build --url https://github.com/CodeDevMLH/Media-Bar-Plugin .
# Alternativ: Nutze ein fertiges Action-Script oder schreibe ein kleines Python Script,
# das die config.json liest und jprm aufruft.
- name: Commit & Push
uses: stefanzweifel/git-auto-commit-action@v4
with:
commit_message: Update repository manifest
file_pattern: manifest.json
```
*Hinweis: Der offizielle JPRM ist sehr mächtig, aber manchmal etwas komplex in der Einrichtung für einfache Setups. Viele User nutzen stattdessen ein einfacheres Python-Script.*
## Alternative: Einfaches Python Script (Empfohlen für den Start)
Ein simples Script, das du in deinem zentralen Repo ablegst und im Action-Workflow ausführst:
```python
import json
import requests
import hashlib
# Konfiguration
PLUGINS = [
{"user": "CodeDevMLH", "repo": "Media-Bar-Plugin", "guid": "..."}
]
FINAL_MANIFEST = []
for p in PLUGINS:
# 1. Hole Latest Release vpm GitHub API
resp = requests.get(f"https://api.github.com/repos/{p['user']}/{p['repo']}/releases/latest")
data = resp.json()
# 2. Lade assets herunter, berechne Hash
# 3. Baue JSON Objekt
# ...
# Speichere final_manifest.json
```
## Fazit
- **Push-Methode (Deine aktuelle Lösung):** Gut für den Anfang. Du hast sofort Kontrolle. Jedes Plugin "kümmert sich selbst".
- **Pull-Methode (JPRM):** Besser wenn du 5+ Plugins hast. Das zentrale Repo hat die Hoheit.

BIN
logo.png

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.3 MiB

After

Width:  |  Height:  |  Size: 312 KiB

BIN
logos/MediaBar_logo_mod.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 312 KiB

View File

@@ -2,19 +2,91 @@
{
"guid": "d7e11d57-819b-4bdd-a88d-53c5f5560225",
"name": "Media Bar Enhanced",
"description": "A jellyfin plugin to display a media bar (featured content) for jellyfin web.",
"overview": "Media Bar for Jellyfin",
"description": "A feature-rich fork of the original Media Bar script by MakD that brings your home screen to life.\n\n-> 100% Configurable via Web UI: Manage all features, lists, and settings effortlessly through the plugin configuration page.\n\nKey Highlights:\n- Cinematic Video Backdrops: Supports local & YouTube trailers (incl. SponsorBlock)\n- Custom Content: Curate your slideshow with specific Collections, Playlists, or seasonal events\n\nAdditional Features:\n- Full-width immersive mode\n- Smart resolution handling (up to 4K)\n- Full keyboard navigation & playback control\n- Wait-for-trailer options\n- Customizable pagination & animations\n\nIf you do not have write permissions to the web folder, please also install the file-transformation plugin.",
"overview": "Transforms your Jellyfin home screen with an immersive, fully configurable media slideshow featuring video backdrops.",
"owner": "CodeDevMLH",
"category": "General",
"imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/Media-Bar-Plugin/raw/branch/main/logo.png",
"imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
"versions": [
{
"version": "1.4.0.3",
"changelog": "- feat: Add client-side settings feature for selected media bar settings",
"targetAbi": "10.11.0.0",
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.4.0.3/Jellyfin.Plugin.MediaBarEnhanced.zip",
"checksum": "9abf21c095e1ae99cdbeb51edb08f370",
"timestamp": "2026-02-04T15:52:11Z"
},
{
"version": "1.3.0.3",
"changelog": "- feat: Enhance custom media ID functionality with manual trailer override support",
"targetAbi": "10.11.0.0",
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.3.0.3/Jellyfin.Plugin.MediaBarEnhanced.zip",
"checksum": "1d9e0a8342d46f84aed3f7bd1bee32d3",
"timestamp": "2026-02-04T01:41:35Z"
},
{
"version": "1.2.3.7",
"changelog": "- Fixes the issue where buttons were cut off on smaller screens such as on S24/S25.\n- Update mediaBarEnhanced.js and mediaBarEnhanced.css with version 3.0.9 from original repo",
"targetAbi": "10.11.0.0",
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.2.3.7/Jellyfin.Plugin.MediaBarEnhanced.zip",
"checksum": "fa1bf48cff159cc7dbf0aab48511a37c",
"timestamp": "2026-01-28T22:39:54Z"
},
{
"version": "1.2.2.0",
"changelog": "- Fixes issues with persistent slides-container visibility",
"targetAbi": "10.11.0.0",
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.2.2.0/Jellyfin.Plugin.MediaBarEnhanced.zip",
"checksum": "3362f93815845c4e85b66b31bcd0f52c",
"timestamp": "2026-01-24T22:53:55Z"
},
{
"version": "1.2.1.0",
"changelog": "- Update mediaBarEnhanced.js and mediaBarEnhanced.css with version 3.0.8 from original repo",
"targetAbi": "10.11.0.0",
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.2.1.0/Jellyfin.Plugin.MediaBarEnhanced.zip",
"checksum": "70defc1fb29a17ff4c9362bf7bdc53b5",
"timestamp": "2026-01-22T23:50:56Z"
},
{
"version": "1.2.0.0",
"changelog": "- Add video quality preference setting (Auto / 1080p / Highres)\n- Set preferred video quality on YouTube player based on setting",
"targetAbi": "10.11.0.0",
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.2.0.0/Jellyfin.Plugin.MediaBarEnhanced.zip",
"checksum": "0b6379f68990026240d97fe8f77fbef1",
"timestamp": "2026-01-08T23:30:58Z"
},
{
"version": "1.1.2.0",
"changelog": "- Add method to resume video playback when slideshow is active",
"targetAbi": "10.11.0.0",
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.1.2.0/Jellyfin.Plugin.MediaBarEnhanced.zip",
"checksum": "a0e8ff5e59b22a1bdedc916cd5e1c16a",
"timestamp": "2026-01-08T15:26:55Z"
},
{
"version": "1.1.1.0",
"changelog": "- Add method to pause all video playback when navigating away from home screen",
"targetAbi": "10.11.0.0",
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.1.1.0/Jellyfin.Plugin.MediaBarEnhanced.zip",
"checksum": "09da95fc561b11191d23a5cfa30ea731",
"timestamp": "2026-01-08T14:54:57Z"
},
{
"version": "1.1.0.0",
"changelog": "- 'custom media IDs' setting is now enabled by default (no input --> random selection)\n- improve GUID handling in slideshow manager to handle seperator and description",
"targetAbi": "10.11.0.0",
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.1.0.0/Jellyfin.Plugin.MediaBarEnhanced.zip",
"checksum": "32305d72b8d704acf8eef0c22277fee9",
"timestamp": "2026-01-08T02:15:50Z"
},
{
"version": "1.0.0.0",
"changelog": "Initial release",
"targetAbi": "10.11.0.0",
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.0.0.0/Jellyfin.Plugin.MediaBarEnhanced.zip",
"checksum": "caf7dc027bb55b915e09613a534c6e74",
"timestamp": "2026-01-06T01:43:51Z"
"checksum": "2ba7cc7f238f6aa7097628797935b903",
"timestamp": "2026-01-06T18:56:30Z"
}
]
}

View File

@@ -1,157 +0,0 @@
name: Auto Release Plugin
on:
push:
branches:
- main
paths-ignore:
- '.github/**'
- 'README.md'
- 'jellyfin.ruleset'
- '.gitignore'
- '.editorconfig'
- 'LICENSE'
- 'logo.png'
jobs:
build-and-release:
runs-on: ubuntu-latest
permissions:
contents: write
steps:
- name: Checkout code
uses: actions/checkout@v6
with:
token: ${{ secrets.GITHUB_TOKEN }}
- name: Setup .NET
uses: actions/setup-dotnet@v5
with:
dotnet-version: '9.x'
- name: Read Version from Manifest
id: read_version
run: |
VERSION=$(jq -r '.[0].versions[0].version' manifest.json)
CHANGELOG=$(jq -r '.[0].versions[0].changelog' manifest.json)
TARGET_ABI=$(jq -r '.[0].versions[0].targetAbi' manifest.json)
echo "Detected Version: $VERSION"
echo "VERSION=$VERSION" >> $GITHUB_ENV
# Escape newlines in changelog for GITHUB_ENV
echo "CHANGELOG<<EOF" >> $GITHUB_ENV
echo "$CHANGELOG" >> $GITHUB_ENV
echo "EOF" >> $GITHUB_ENV
- name: Build and Zip
shell: bash
run: |
# Inject version from manifest into the build
dotnet build Jellyfin.Plugin.MediaBarEnhanced/Jellyfin.Plugin.MediaBarEnhanced.csproj --configuration Release --output bin/Publish /p:Version=${{ env.VERSION }} /p:AssemblyVersion=${{ env.VERSION }}
cd bin/Publish
zip -r Jellyfin.Plugin.MediaBarEnhanced.zip *
cd ../..
# Calculate hash
HASH=$(md5sum bin/Publish/Jellyfin.Plugin.MediaBarEnhanced.zip | awk '{ print $1 }')
TIME=$(date -u +"%Y-%m-%dT%H:%M:%SZ")
# Export variables for next steps
echo "ZIP_HASH=$HASH" >> $GITHUB_ENV
echo "BUILD_TIME=$TIME" >> $GITHUB_ENV
echo "ZIP_PATH=bin/Publish/Jellyfin.Plugin.MediaBarEnhanced.zip" >> $GITHUB_ENV
- name: Update Local manifest.json (Optional)
shell: bash
run: |
REPO_OWNER="${{ github.repository_owner }}"
REPO_NAME="${{ github.event.repository.name }}"
VERSION="${{ env.VERSION }}"
DOWNLOAD_URL="https://github.com/$REPO_OWNER/$REPO_NAME/releases/download/v$VERSION/Jellyfin.Plugin.MediaBarEnhanced.zip"
echo "Updating local manifest.json with:"
echo "Hash: ${{ env.ZIP_HASH }}"
echo "Time: ${{ env.BUILD_TIME }}"
echo "Url: $DOWNLOAD_URL"
jq --arg hash "${{ env.ZIP_HASH }}" \
--arg time "${{ env.BUILD_TIME }}" \
--arg url "$DOWNLOAD_URL" \
'.[0].versions[0].checksum = $hash | .[0].versions[0].timestamp = $time | .[0].versions[0].sourceUrl = $url' \
manifest.json > manifest.json.tmp && mv manifest.json.tmp manifest.json
- name: Commit Local manifest.json
uses: stefanzweifel/git-auto-commit-action@v7
with:
commit_message: "Update manifest.json for release v${{ env.VERSION }} [skip ci]"
file_pattern: manifest.json
- name: Create Release
uses: softprops/action-gh-release@v2
with:
tag_name: "v${{ env.VERSION }}"
name: "v${{ env.VERSION }}"
# body: ${{ env.CHANGELOG }}
files: ${{ env.ZIP_PATH }}
draft: false
prerelease: false
generate_release_notes: true
# Update Message in Remote Repository
- name: Checkout Central Manifest Repo
uses: actions/checkout@v4
with:
repository: ${{ github.repository_owner }}/jellyfin-plugin-manifest
path: central-manifest
token: ${{ secrets.CENTRAL_REPO_PAT }}
- name: Update Central Manifest
shell: bash
run: |
cd central-manifest
# 1. Get info from previous steps
VERSION="${{ env.VERSION }}"
HASH="${{ env.ZIP_HASH }}"
TIME="${{ env.BUILD_TIME }}"
# URL points to the RELEASE we just created in the CURRENT repo
DOWNLOAD_URL="https://github.com/${{ github.repository }}/releases/download/v$VERSION/Jellyfin.Plugin.MediaBarEnhanced.zip"
# 2. Extract GUID from the *built* artifact or the source manifest (in parent dir)
# We use the source manifest from the checkout in '..'
PLUGIN_GUID=$(jq -r '.[0].guid' ../manifest.json)
echo "Updating Central Manifest for Plugin GUID: $PLUGIN_GUID"
# 3. Update the specific plugin entry in the central manifest.json
# This logic finds the object with matching guid, and updates its first version entry.
jq --arg guid "$PLUGIN_GUID" \
--arg hash "$HASH" \
--arg time "$TIME" \
--arg url "$DOWNLOAD_URL" \
--arg ver "$VERSION" \
'map(if .guid == $guid then
.versions[0].version = $ver |
.versions[0].checksum = $hash |
.versions[0].timestamp = $time |
.versions[0].sourceUrl = $url
else . end)' \
manifest.json > manifest.json.tmp && mv manifest.json.tmp manifest.json
- name: Commit and Push Central Manifest
run: |
cd central-manifest
git config user.name "GitHub Action"
git config user.email "action@github.com"
# Check if there are changes
if [[ -n $(git status -s) ]]; then
git add manifest.json
git commit -m "Update MediaBar Enhanced to v${{ env.VERSION }}"
git push
else
echo "No changes to central manifest."
fi

View File

@@ -1,70 +0,0 @@
# Anleitung: Automatische Updates für "Plugin B" im Media-Bar Manifest
Damit dein Plugin B (das andere Repo) automatisch seine Version im `manifest.json` des **Media-Bar-Plugin** Repos aktualisiert, musst du die `release_automation.yml` **in Repo B** anpassen.
Das Prinzip ist dasselbe wie beim zentralen Repo: Repo B checkt Repo A aus und updatet sich selbst.
## Schritt 1: Secret anlegen
Du brauchst ein **PAT (Personal Access Token)**, das Zugriff auf das **Media-Bar-Plugin** Repo hat.
- Erstelle das Secret `MEDIA_BAR_REPO_PAT` im **Plugin B** Repo.
## Schritt 2: Workflow in Plugin B anpassen
Füge diesen Job-Step am Ende der `release_automation.yml` von **Plugin B** hinzu:
```yaml
# ------------------------------------------------------------------
# UPDATE MEDIA BAR MANIFEST (Cross-Promotion)
# ------------------------------------------------------------------
- name: Checkout Media Bar Repo
uses: actions/checkout@v4
with:
repository: CodeDevMLH/Media-Bar-Plugin # <--- Ziel-Repo
path: media-bar-repo
token: ${{ secrets.MEDIA_BAR_REPO_PAT }}
- name: Update Entry in Media Bar Manifest
shell: bash
run: |
cd media-bar-repo
# Info vom aktuellen Release (Repo B)
VERSION="${{ env.VERSION }}"
HASH="${{ env.ZIP_HASH }}"
TIME="${{ env.BUILD_TIME }}"
# URL zum Release von Repo B
DOWNLOAD_URL="https://github.com/${{ github.repository }}/releases/download/v$VERSION/Jellyfin.Plugin.MeinTollesPlugin.zip" # <--- ANPASSEN
# GUID von Plugin B (Muss fest hinterlegt sein oder aus dem lokalen manifest kommen)
PLUGIN_GUID="a1b2c3d4-..." # <--- GUID von Plugin B HIER EINTRAGEN
echo "Updating Media Bar Manifest for GUID: $PLUGIN_GUID"
# Update Logic (findet Eintrag anhand GUID und updatet ihn)
jq --arg guid "$PLUGIN_GUID" \
--arg hash "$HASH" \
--arg time "$TIME" \
--arg url "$DOWNLOAD_URL" \
--arg ver "$VERSION" \
'map(if .guid == $guid then
.versions[0].version = $ver |
.versions[0].checksum = $hash |
.versions[0].timestamp = $time |
.versions[0].sourceUrl = $url
else . end)' \
manifest.json > manifest.json.tmp && mv manifest.json.tmp manifest.json
- name: Commit and Push to Media Bar Repo
run: |
cd media-bar-repo
git config user.name "GitHub Action"
git config user.email "action@github.com"
if [[ -n $(git status -s) ]]; then
git add manifest.json
git commit -m "Auto-Update Plugin B to v${{ env.VERSION }}"
git push
else
echo "No changes needed."
fi
```