Compare commits
25 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
e12a5b56a2 | ||
|
|
51ff0f2623 | ||
|
|
2c907debc8 | ||
|
|
7b30f8c9e9 | ||
|
|
3a90605112 | ||
|
|
5772d670ff | ||
|
|
e558594c52 | ||
|
|
343436ac56 | ||
|
|
6075e20a11 | ||
|
|
8b7def809b | ||
|
|
43950eac60 | ||
|
|
c09f265b26 | ||
|
|
379c370b4a | ||
|
|
b567307003 | ||
|
|
ff9ea9eff0 | ||
|
|
9427e3e535 | ||
|
|
19318a916d | ||
|
|
5d85284df8 | ||
|
|
2382f850b6 | ||
|
|
22041293f6 | ||
|
|
5595158f9d | ||
|
|
39f85e0c9b | ||
|
|
18a9980a0a | ||
|
|
deb426833d | ||
|
|
bf4b6da0f0 |
@@ -51,7 +51,31 @@ jobs:
|
||||
echo "$CHANGELOG" >> $GITHUB_ENV
|
||||
echo "EOF" >> $GITHUB_ENV
|
||||
|
||||
- name: Check if Release Already Exists
|
||||
id: check_release
|
||||
shell: bash
|
||||
run: |
|
||||
REPO_OWNER="${{ github.repository_owner }}"
|
||||
REPO_NAME="${{ github.event.repository.name }}"
|
||||
VERSION="${{ env.VERSION }}"
|
||||
TAG="v$VERSION"
|
||||
SERVER_URL="https://git.mahom03-spacecloud.de"
|
||||
|
||||
HTTP_STATUS=$(curl -s -o /dev/null -w "%{http_code}" -H "Authorization: token ${{ secrets.GITHUB_TOKEN }}" "$SERVER_URL/api/v1/repos/$REPO_OWNER/$REPO_NAME/releases/tags/$TAG")
|
||||
|
||||
if [ "$HTTP_STATUS" -eq 200 ]; then
|
||||
echo "Release $TAG already exists. Skipping release-related steps."
|
||||
echo "release_exists=true" >> $GITHUB_OUTPUT
|
||||
elif [ "$HTTP_STATUS" -eq 404 ]; then
|
||||
echo "No existing release for $TAG. Continuing."
|
||||
echo "release_exists=false" >> $GITHUB_OUTPUT
|
||||
else
|
||||
echo "Unexpected response when checking release: $HTTP_STATUS"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
- name: Build and Zip
|
||||
if: steps.check_release.outputs.release_exists == 'false'
|
||||
shell: bash
|
||||
run: |
|
||||
# Inject version from manifest into the build
|
||||
@@ -71,6 +95,7 @@ jobs:
|
||||
echo "ZIP_PATH=bin/Publish/Jellyfin.Plugin.MediaBarEnhanced.zip" >> $GITHUB_ENV
|
||||
|
||||
- name: Update manifest.json
|
||||
if: steps.check_release.outputs.release_exists == 'false'
|
||||
shell: bash
|
||||
run: |
|
||||
REPO_OWNER="${{ github.repository_owner }}"
|
||||
@@ -90,12 +115,14 @@ jobs:
|
||||
manifest.json > manifest.json.tmp && mv manifest.json.tmp manifest.json
|
||||
|
||||
- name: Commit manifest.json
|
||||
if: steps.check_release.outputs.release_exists == 'false'
|
||||
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
|
||||
if: steps.check_release.outputs.release_exists == 'false'
|
||||
uses: akkuman/gitea-release-action@v1
|
||||
with:
|
||||
server_url: "https://git.mahom03-spacecloud.de"
|
||||
@@ -109,6 +136,7 @@ jobs:
|
||||
|
||||
# Update Message in Remote Repository
|
||||
- name: Checkout Central Manifest Repo
|
||||
if: steps.check_release.outputs.release_exists == 'false'
|
||||
uses: actions/checkout@v6
|
||||
with:
|
||||
repository: ${{ github.repository_owner }}/jellyfin-plugin-manifest
|
||||
@@ -116,6 +144,7 @@ jobs:
|
||||
token: ${{ secrets.JELLYFIN_PLUGIN_MANIFEST_UPDATER_PAT }}
|
||||
|
||||
- name: Update Central Manifest
|
||||
if: steps.check_release.outputs.release_exists == 'false'
|
||||
shell: bash
|
||||
run: |
|
||||
cd central-manifest
|
||||
@@ -171,6 +200,7 @@ jobs:
|
||||
manifest.json > manifest.json.tmp && mv manifest.json.tmp manifest.json
|
||||
|
||||
- name: Commit and Push Central Manifest
|
||||
if: steps.check_release.outputs.release_exists == 'false'
|
||||
run: |
|
||||
cd central-manifest
|
||||
git config user.name "CodeDevMLH"
|
||||
|
||||
33
.github/workflows/release_automation.yml
vendored
33
.github/workflows/release_automation.yml
vendored
@@ -52,7 +52,32 @@ jobs:
|
||||
echo "$CHANGELOG" >> $GITHUB_ENV
|
||||
echo "EOF" >> $GITHUB_ENV
|
||||
|
||||
- name: Check if Release Already Exists
|
||||
id: check_release
|
||||
shell: bash
|
||||
run: |
|
||||
REPO_OWNER="${{ github.repository_owner }}"
|
||||
REPO_NAME="${{ github.event.repository.name }}"
|
||||
VERSION="${{ env.VERSION }}"
|
||||
TAG="v$VERSION"
|
||||
API_URL="https://api.github.com/repos/$REPO_OWNER/$REPO_NAME/releases/tags/$TAG"
|
||||
|
||||
HTTP_STATUS=$(curl -s -o /dev/null -w "%{http_code}" -H "Authorization: token ${{ secrets.GITHUB_TOKEN }}" "$API_URL")
|
||||
|
||||
if [ "$HTTP_STATUS" -eq 200 ]; then
|
||||
echo "Release $TAG already exists. Skipping release-related steps."
|
||||
echo "release_exists=true" >> $GITHUB_OUTPUT
|
||||
elif [ "$HTTP_STATUS" -eq 404 ]; then
|
||||
echo "No existing release for $TAG. Continuing."
|
||||
echo "release_exists=false" >> $GITHUB_OUTPUT
|
||||
else
|
||||
echo "Unexpected response when checking release: $HTTP_STATUS"
|
||||
exit 1
|
||||
fi
|
||||
|
||||
|
||||
- name: Build and Zip
|
||||
if: steps.check_release.outputs.release_exists == 'false'
|
||||
shell: bash
|
||||
run: |
|
||||
# Inject version from manifest into the build
|
||||
@@ -72,6 +97,7 @@ jobs:
|
||||
echo "ZIP_PATH=bin/Publish/Jellyfin.Plugin.MediaBarEnhanced.zip" >> $GITHUB_ENV
|
||||
|
||||
- name: Update manifest.json
|
||||
if: steps.check_release.outputs.release_exists == 'false'
|
||||
shell: bash
|
||||
run: |
|
||||
REPO_OWNER="${{ github.repository_owner }}"
|
||||
@@ -91,13 +117,14 @@ jobs:
|
||||
manifest.json > manifest.json.tmp && mv manifest.json.tmp manifest.json
|
||||
|
||||
- name: Commit manifest.json
|
||||
if: steps.check_release.outputs.release_exists == 'false'
|
||||
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: Generate Commit Log
|
||||
if: success()
|
||||
if: success() && steps.check_release.outputs.release_exists == 'false'
|
||||
shell: bash
|
||||
run: |
|
||||
echo "Generating commit log since last tag..."
|
||||
@@ -131,6 +158,7 @@ jobs:
|
||||
cat release_body.txt
|
||||
|
||||
- name: Create Release
|
||||
if: steps.check_release.outputs.release_exists == 'false'
|
||||
uses: softprops/action-gh-release@v2
|
||||
with:
|
||||
tag_name: "v${{ env.VERSION }}"
|
||||
@@ -145,6 +173,7 @@ jobs:
|
||||
|
||||
# Update Message in Remote Repository
|
||||
- name: Checkout Central Manifest Repo
|
||||
if: steps.check_release.outputs.release_exists == 'false'
|
||||
uses: actions/checkout@v6
|
||||
with:
|
||||
repository: ${{ github.repository_owner }}/jellyfin-plugin-manifest
|
||||
@@ -152,6 +181,7 @@ jobs:
|
||||
token: ${{ secrets.JELLYFIN_PLUGIN_MANIFEST_UPDATER_PAT }}
|
||||
|
||||
- name: Update Central Manifest
|
||||
if: steps.check_release.outputs.release_exists == 'false'
|
||||
shell: bash
|
||||
run: |
|
||||
cd central-manifest
|
||||
@@ -207,6 +237,7 @@ jobs:
|
||||
manifest.json > manifest.json.tmp && mv manifest.json.tmp manifest.json
|
||||
|
||||
- name: Commit and Push Central Manifest
|
||||
if: steps.check_release.outputs.release_exists == 'false'
|
||||
run: |
|
||||
cd central-manifest
|
||||
git config user.name "CodeDevMLH"
|
||||
|
||||
@@ -22,15 +22,15 @@
|
||||
<hr style="max-width: 800px; margin: 1em 0;">
|
||||
|
||||
<div style="margin-bottom: 1.5em;">
|
||||
<button class="jellyfin-tab-button active" onclick="showTab('basic', this)"
|
||||
<button class="jellyfin-tab-button active" onclick="showTab('media-bar-enhanced-basic', this)"
|
||||
style="background: none; border: none; color: #fff; cursor: pointer; transition: color 0.3s, border-bottom 0.3s; padding: 0.5em 1em; border-bottom: 2px solid #00a4dc;">
|
||||
<h3>General Settings</h3>
|
||||
</button>
|
||||
<button class="jellyfin-tab-button" onclick="showTab('custom', this)"
|
||||
<button class="jellyfin-tab-button" onclick="showTab('media-bar-enhanced-custom', this)"
|
||||
style="background: none; border: none; color: #ccc; cursor: pointer; transition: color 0.3s, border-bottom 0.3s; padding: 0.5em 1em; border-bottom: 2px solid transparent;">
|
||||
<h3>Custom Content</h3>
|
||||
</button>
|
||||
<button class="jellyfin-tab-button" onclick="showTab('advanced', this)"
|
||||
<button class="jellyfin-tab-button" onclick="showTab('media-bar-enhanced-advanced', this)"
|
||||
style="background: none; border: none; color: #ccc; cursor: pointer; transition: color 0.3s, border-bottom 0.3s; padding: 0.5em 1em; border-bottom: 2px solid transparent;">
|
||||
<h3>Advanced Settings</h3>
|
||||
</button>
|
||||
@@ -39,11 +39,11 @@
|
||||
<form id="mediaBarEnhancedConfigForm">
|
||||
|
||||
<!-- BASIC TAB -->
|
||||
<div id="basic" class="tab-content">
|
||||
<div id="media-bar-enhanced-basic" class="tab-content">
|
||||
<h2 class="sectionTitle">Main Plugin Settings</h2>
|
||||
<div class="checkboxContainer checkboxContainer-withDescription">
|
||||
<label>
|
||||
<input is="emby-checkbox" type="checkbox" id="IsEnabled" name="IsEnabled" />
|
||||
<input is="emby-checkbox" type="checkbox" id="MediaBarIsEnabled" name="MediaBarIsEnabled" />
|
||||
<span>Enable Media Bar Enhanced Plugin</span>
|
||||
</label>
|
||||
<div class="fieldDescription">Enable or disable the entire plugin functionality.</div>
|
||||
@@ -71,7 +71,7 @@
|
||||
name="PreferLocalBackdrops" />
|
||||
<span>Prefer Local Backdrops / Theme Videos</span>
|
||||
</label>
|
||||
<div class="fieldDescription">If enabled, local backdrop videos (Theme Videos) will be preferred over trailers.</div>
|
||||
<div class="fieldDescription">If enabled, local backdrop videos (Theme Videos) will be preferred over remote and local trailers.</div>
|
||||
</div>
|
||||
<div class="checkboxContainer checkboxContainer-withDescription">
|
||||
<label>
|
||||
@@ -101,7 +101,7 @@
|
||||
</div>
|
||||
|
||||
<!-- CUSTOM CONTENT TAB -->
|
||||
<div id="custom" class="tab-content" style="display:none;">
|
||||
<div id="media-bar-enhanced-custom" class="tab-content" style="display:none;">
|
||||
<!-- Default Custom Media IDs -->
|
||||
<h2 class="sectionTitle">Custom Media IDs</h2>
|
||||
<div class="checkboxContainer checkboxContainer-withDescription">
|
||||
@@ -146,7 +146,7 @@
|
||||
Example:
|
||||
<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.<br><b>Note:</b> there is currently no feedback if the name
|
||||
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>
|
||||
@@ -164,6 +164,12 @@
|
||||
during their active date ranges. If no season matches the current date, the default Custom Media IDs above or random selection are used as fallback.</div>
|
||||
</div>
|
||||
<div id="seasonalContentContainer" style="display: none;">
|
||||
|
||||
<div style="background-color: rgba(255, 255, 255, 0.05); border-left: 4px solid #00a4dc; border-radius: 4px; padding: 1em 1.5em; margin: 1.5em 0; display: flex; align-items: center; gap: 1em;">
|
||||
<i class="material-icons" style="color: #00a4dc; font-size: 24px;">info</i>
|
||||
<div>Define seasonal rules to automatically select a selection of items based on the date. Rules are evaluated from top to bottom. The first matching rule wins.</div>
|
||||
</div>
|
||||
|
||||
<div id="seasonalSectionsList"></div>
|
||||
<button is="emby-button" type="button" id="addSeasonBtn" class="raised emby-button"
|
||||
style="margin-top: 1em; display: inline-flex; align-items: center; gap: 0.4em;">
|
||||
@@ -175,7 +181,7 @@
|
||||
</div>
|
||||
|
||||
<!-- ADVANCED TAB -->
|
||||
<div id="advanced" class="tab-content" style="display:none;">
|
||||
<div id="media-bar-enhanced-advanced" class="tab-content" style="display:none;">
|
||||
<h2 class="sectionTitle">Features</h2>
|
||||
<div class="checkboxContainer checkboxContainer-withDescription">
|
||||
<label>
|
||||
@@ -443,7 +449,7 @@
|
||||
ApiClient.getPluginConfiguration(MediaBarEnhancedConfigurationPage.pluginId).then(function (config) {
|
||||
|
||||
var keys = [
|
||||
'IsEnabled', 'ShuffleInterval', 'RetryInterval', 'MinSwipeDistance',
|
||||
'MediaBarIsEnabled', 'ShuffleInterval', 'RetryInterval', 'MinSwipeDistance',
|
||||
'LoadingCheckInterval', 'MaxPlotLength', 'MaxMovies', 'MaxTvShows',
|
||||
'MaxItems', 'PreloadCount', 'FadeTransitionDuration', 'MaxPaginationDots',
|
||||
'SlideAnimationEnabled', 'EnableVideoBackdrop', 'UseSponsorBlock',
|
||||
@@ -534,7 +540,7 @@
|
||||
|
||||
var config = {};
|
||||
var keys = [
|
||||
'IsEnabled', 'ShuffleInterval', 'RetryInterval', 'MinSwipeDistance',
|
||||
'MediaBarIsEnabled', 'ShuffleInterval', 'RetryInterval', 'MinSwipeDistance',
|
||||
'LoadingCheckInterval', 'MaxPlotLength', 'MaxMovies', 'MaxTvShows',
|
||||
'MaxItems', 'PreloadCount', 'FadeTransitionDuration', 'MaxPaginationDots',
|
||||
'SlideAnimationEnabled', 'EnableVideoBackdrop', 'UseSponsorBlock',
|
||||
@@ -612,14 +618,18 @@
|
||||
|
||||
div.innerHTML =
|
||||
'<div class="inputContainer" style="margin-bottom: 0.5em;">' +
|
||||
' <label class="inputLabel" style="font-size: 1.2em; font-weight: bold; margin-bottom:0.5em; display:block;">' + labelText + '</label>' +
|
||||
' <div style="display: flex; align-items: center;">' +
|
||||
' <div style="flex-grow:1;">' +
|
||||
' <input is="emby-input" type="text" class="emby-input section-name" value="' + (data.Name || '') + '" />' +
|
||||
' <div style="display: flex; align-items: center; justify-content: space-between;">' +
|
||||
' <label class="inputLabel section-title" style="font-size: 1.2em; font-weight: bold; margin-bottom:0.5em; display:block;">' + labelText + '</label>' +
|
||||
' <div style="display: flex; gap: 0.5em;">' +
|
||||
' <button type="button" is="paper-icon-button-light" class="btn-move-up" title="Move Up"><i class="material-icons">arrow_upward</i></button>' +
|
||||
' <button type="button" is="paper-icon-button-light" class="btn-move-down" title="Move Down"><i class="material-icons">arrow_downward</i></button>' +
|
||||
' <button type="button" is="paper-icon-button-light" class="btn-remove" title="Remove" style="color: #a94442;"><i class="material-icons">delete</i></button>' +
|
||||
' </div>' +
|
||||
' <button type="button" class="raised emby-button remove-section" style="background: #a94442; min-width: unset; margin-left: 1em;">Remove</button>' +
|
||||
' </div>' +
|
||||
' <div class="fieldDescription">Name of the season</div>' +
|
||||
' <div class="inputContainer">' +
|
||||
' <input is="emby-input" type="text" class="emby-input section-name" style="width: 60%;" value="' + (data.Name || '') + '" />' +
|
||||
' <div class="fieldDescription">Name of the season</div>' +
|
||||
' </div>' +
|
||||
'</div>' +
|
||||
'<div class="inputContainer" style="margin-bottom: 1em;">' +
|
||||
' <label class="inputLabel" style="margin-bottom:0.5em; display:block;">Active Period</label>' +
|
||||
@@ -639,13 +649,38 @@
|
||||
' <div class="fieldDescription">Comma-separated or Newline separated list of Movie/Series/Collection IDs to show during this season.<br>Same options available as for the default media IDs.</div>' +
|
||||
'</div>';
|
||||
|
||||
div.querySelector('.remove-section').addEventListener('click', function() {
|
||||
div.querySelector('.btn-remove').addEventListener('click', function() {
|
||||
div.remove();
|
||||
MediaBarEnhancedConfigurationPage.updateSectionTitles(container);
|
||||
});
|
||||
|
||||
div.querySelector('.btn-move-up').addEventListener('click', function() {
|
||||
if (div.previousElementSibling) {
|
||||
container.insertBefore(div, div.previousElementSibling);
|
||||
MediaBarEnhancedConfigurationPage.updateSectionTitles(container);
|
||||
}
|
||||
});
|
||||
|
||||
div.querySelector('.btn-move-down').addEventListener('click', function() {
|
||||
if (div.nextElementSibling) {
|
||||
container.insertBefore(div.nextElementSibling, div);
|
||||
MediaBarEnhancedConfigurationPage.updateSectionTitles(container);
|
||||
}
|
||||
});
|
||||
|
||||
container.appendChild(div);
|
||||
},
|
||||
|
||||
updateSectionTitles: function(container) {
|
||||
var sections = container.querySelectorAll('.seasonal-section');
|
||||
sections.forEach(function(section, index) {
|
||||
var title = section.querySelector('.section-title');
|
||||
if (title) {
|
||||
title.innerText = 'Season list #' + (index + 1);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
getSeasonalSectionsFromUI: function(page) {
|
||||
var sections = [];
|
||||
var els = page.querySelectorAll('.seasonal-section');
|
||||
|
||||
@@ -12,7 +12,7 @@
|
||||
<!-- <TreatWarningsAsErrors>false</TreatWarningsAsErrors> -->
|
||||
<Title>Jellyfin Media Bar Enhanced Plugin</Title>
|
||||
<Authors>CodeDevMLH</Authors>
|
||||
<Version>1.6.2.3</Version>
|
||||
<Version>1.6.5.2</Version>
|
||||
<RepositoryUrl>https://github.com/CodeDevMLH/jellyfin-plugin-media-bar-enhanced</RepositoryUrl>
|
||||
</PropertyGroup>
|
||||
|
||||
|
||||
@@ -18,8 +18,8 @@ namespace Jellyfin.Plugin.MediaBarEnhanced
|
||||
{
|
||||
private readonly IApplicationPaths _appPaths;
|
||||
private readonly ILogger<ScriptInjector> _logger;
|
||||
public const string ScriptTag = "<script src=\"/MediaBarEnhanced/Resources/mediaBarEnhanced.js\" defer></script>";
|
||||
public const string CssTag = "<link rel=\"stylesheet\" href=\"/MediaBarEnhanced/Resources/mediaBarEnhanced.css\" />";
|
||||
public const string ScriptTag = "<script src=\"../MediaBarEnhanced/Resources/mediaBarEnhanced.js\" defer></script>";
|
||||
public const string CssTag = "<link rel=\"stylesheet\" href=\"../MediaBarEnhanced/Resources/mediaBarEnhanced.css\" />";
|
||||
public const string ScriptMarker = "</body>";
|
||||
public const string CssMarker = "</head>";
|
||||
|
||||
|
||||
@@ -437,7 +437,7 @@ const waitForApiClientAndInitialize = () => {
|
||||
|
||||
const fetchPluginConfig = async () => {
|
||||
try {
|
||||
const response = await fetch('/MediaBarEnhanced/Config');
|
||||
const response = await fetch('../MediaBarEnhanced/Config');
|
||||
if (response.ok) {
|
||||
const pluginConfig = await response.json();
|
||||
if (pluginConfig) {
|
||||
@@ -1833,11 +1833,7 @@ const SlideCreator = {
|
||||
if (event.data === YT.PlayerState.ENDED) {
|
||||
const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
|
||||
if (slide && slide.classList.contains('active')) {
|
||||
if (CONFIG.waitForTrailerToEnd) {
|
||||
SlideshowManager.nextSlide();
|
||||
} else {
|
||||
event.target.playVideo(); // Loop if trailer is shorter than slide duration
|
||||
}
|
||||
SlideshowManager.nextSlide();
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -1857,13 +1853,12 @@ const SlideCreator = {
|
||||
} else if (!isYoutube) {
|
||||
isVideo = true;
|
||||
|
||||
const videoSrc = (typeof trailerUrl === 'object' ? trailerUrl.url : trailerUrl);
|
||||
const videoAttributes = {
|
||||
className: "backdrop video-backdrop",
|
||||
src: (typeof trailerUrl === 'object' ? trailerUrl.url : trailerUrl),
|
||||
autoplay: false,
|
||||
preload: "auto",
|
||||
loop: false,
|
||||
preload: "none",
|
||||
disablePictureInPicture: true,
|
||||
"data-src": videoSrc,
|
||||
style: "object-fit: cover; object-position: center center; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none;"
|
||||
};
|
||||
|
||||
@@ -1887,16 +1882,17 @@ const SlideCreator = {
|
||||
}
|
||||
});
|
||||
|
||||
backdrop.addEventListener('ended', () => {
|
||||
const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
|
||||
backdrop.addEventListener('ended', (event) => {
|
||||
const slide = event.target.closest('.slide');
|
||||
if (slide && slide.classList.contains('active')) {
|
||||
SlideshowManager.nextSlide();
|
||||
}
|
||||
});
|
||||
|
||||
backdrop.addEventListener('error', () => {
|
||||
const slide = document.querySelector(`.slide[data-item-id="${itemId}"]`);
|
||||
if (CONFIG.waitForTrailerToEnd && slide && slide.classList.contains('active')) {
|
||||
backdrop.addEventListener('error', (event) => {
|
||||
console.warn(`Local video error for item ${itemId}`);
|
||||
const slide = event.target.closest('.slide');
|
||||
if (slide && slide.classList.contains('active')) {
|
||||
SlideshowManager.nextSlide();
|
||||
}
|
||||
});
|
||||
@@ -2361,7 +2357,7 @@ const SlideshowManager = {
|
||||
currentSlide.classList.add("active");
|
||||
|
||||
// Manage Video Playback: Stop others, Play current
|
||||
// 1. Stop all other YouTube players and local video elements
|
||||
// 1. Stop all other YouTube players and local video elements, release connections
|
||||
if (STATE.slideshow.videoPlayers) {
|
||||
Object.keys(STATE.slideshow.videoPlayers).forEach(id => {
|
||||
if (id !== currentItemId) {
|
||||
@@ -2371,11 +2367,17 @@ const SlideshowManager = {
|
||||
if (typeof p.pauseVideo === 'function') {
|
||||
p.pauseVideo();
|
||||
}
|
||||
// HTML5 <video> element (local trailers)
|
||||
// HTML5 <video> element (local trailers), release HTTP connection
|
||||
if (p instanceof HTMLVideoElement) {
|
||||
p.pause();
|
||||
p.muted = true;
|
||||
p.currentTime = 0;
|
||||
// Save src to data-src and release the HTTP streaming connection
|
||||
if (p.src && !p.getAttribute('data-src')) {
|
||||
p.setAttribute('data-src', p.src);
|
||||
}
|
||||
p.removeAttribute('src');
|
||||
p.load();
|
||||
}
|
||||
}
|
||||
});
|
||||
@@ -2412,6 +2414,12 @@ const SlideshowManager = {
|
||||
|
||||
if (videoBackdrop) {
|
||||
if (videoBackdrop.tagName === 'VIDEO') {
|
||||
// Restore src from data-src if it was deactivated to release connections
|
||||
const lazySrc = videoBackdrop.getAttribute('data-src');
|
||||
if (lazySrc && !videoBackdrop.src) {
|
||||
videoBackdrop.src = lazySrc;
|
||||
}
|
||||
|
||||
videoBackdrop.currentTime = 0;
|
||||
|
||||
videoBackdrop.muted = STATE.slideshow.isMuted;
|
||||
@@ -2610,7 +2618,7 @@ const SlideshowManager = {
|
||||
*/
|
||||
pruneSlideCache() {
|
||||
const currentIndex = STATE.slideshow.currentSlideIndex;
|
||||
const keepRange = 5;
|
||||
const keepRange = CONFIG.preloadCount + 1;
|
||||
let prunedAny = false;
|
||||
|
||||
Object.keys(STATE.slideshow.createdSlides).forEach((itemId) => {
|
||||
@@ -2628,7 +2636,17 @@ const SlideshowManager = {
|
||||
if (STATE.slideshow.videoPlayers[itemId]) {
|
||||
const player = STATE.slideshow.videoPlayers[itemId];
|
||||
if (typeof player.destroy === 'function') {
|
||||
// YouTube player
|
||||
player.destroy();
|
||||
} else if (player instanceof HTMLVideoElement) {
|
||||
// HTML5 video, release HTTP streaming connection
|
||||
player.pause();
|
||||
// Save src to data-src and release the HTTP streaming connection
|
||||
if (player.src && !player.getAttribute('data-src')) {
|
||||
player.setAttribute('data-src', player.src);
|
||||
}
|
||||
player.removeAttribute('src');
|
||||
player.load();
|
||||
}
|
||||
delete STATE.slideshow.videoPlayers[itemId];
|
||||
}
|
||||
@@ -2807,7 +2825,7 @@ const SlideshowManager = {
|
||||
});
|
||||
}
|
||||
|
||||
// 2. Stop and mute all HTML5 videos
|
||||
// 2. Stop and mute all HTML5 videos, release connections
|
||||
const container = document.getElementById("slides-container");
|
||||
if (container) {
|
||||
container.querySelectorAll('video').forEach(video => {
|
||||
@@ -2815,6 +2833,12 @@ const SlideshowManager = {
|
||||
video.pause();
|
||||
video.muted = true;
|
||||
video.currentTime = 0;
|
||||
// Save src and release HTTP streaming connection
|
||||
if (video.src && !video.getAttribute('data-src')) {
|
||||
video.setAttribute('data-src', video.src);
|
||||
}
|
||||
video.removeAttribute('src');
|
||||
video.load();
|
||||
} catch (e) {
|
||||
console.warn("Error stopping HTML5 video:", e);
|
||||
}
|
||||
@@ -2847,9 +2871,14 @@ const SlideshowManager = {
|
||||
return;
|
||||
}
|
||||
|
||||
// HTML5 video: just resume, don't reset currentTime
|
||||
// HTML5 video: restore src if needed, then resume
|
||||
const html5Video = currentSlide.querySelector('video.video-backdrop');
|
||||
if (html5Video) {
|
||||
// Restore src from data-src if it was cleared to release connections
|
||||
const lazySrc = html5Video.getAttribute('data-src');
|
||||
if (lazySrc && !html5Video.src) {
|
||||
html5Video.src = lazySrc;
|
||||
}
|
||||
html5Video.muted = STATE.slideshow.isMuted;
|
||||
if (!STATE.slideshow.isMuted) html5Video.volume = 0.4;
|
||||
html5Video.play().catch(e => console.warn("Error resuming HTML5 video:", e));
|
||||
|
||||
@@ -8,6 +8,30 @@
|
||||
"category": "General",
|
||||
"imageUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/raw/branch/main/logo.png",
|
||||
"versions": [
|
||||
{
|
||||
"version": "1.6.5.2",
|
||||
"changelog": "- refactored seasonal UI settings",
|
||||
"targetAbi": "10.11.0.0",
|
||||
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.6.5.2/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
||||
"checksum": "552cb3376c77ede5a0664ced56bf7d1e",
|
||||
"timestamp": "2026-02-16T23:57:57Z"
|
||||
},
|
||||
{
|
||||
"version": "1.6.4.1",
|
||||
"changelog": "- fix slide transition when using local/backdrop videos",
|
||||
"targetAbi": "10.11.0.0",
|
||||
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.6.4.1/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
||||
"checksum": "a9c5a863427de84639eca082483936da",
|
||||
"timestamp": "2026-02-15T22:56:17Z"
|
||||
},
|
||||
{
|
||||
"version": "1.6.3.1",
|
||||
"changelog": "- fix path issue on subpath installations",
|
||||
"targetAbi": "10.11.0.0",
|
||||
"sourceUrl": "https://git.mahom03-spacecloud.de/CodeDevMLH/jellyfin-plugin-media-bar-enhanced/releases/download/v1.6.3.0/Jellyfin.Plugin.MediaBarEnhanced.zip",
|
||||
"checksum": "6a952445bfb80ba4603017358e48da91",
|
||||
"timestamp": "2026-02-15T22:38:19Z"
|
||||
},
|
||||
{
|
||||
"version": "1.6.2.3",
|
||||
"changelog": "- feat: add options for local backdrops (theme videos) support and randomization features for local trailer/backdrops if more than one is available\n- feat: add option to include watched content in the random selection",
|
||||
|
||||
Reference in New Issue
Block a user