s8n
d0e7af3099
Agent 6 applied SW-pin fix and marked verified via element state (currentTime advancing, videoWidth=1920, readyState=4). Headless pixel histogram still showed darkPct=100% — element decoded fine but CSS overlay covered it. Real cause: branding.xml BLACK-PASS paints .libraryPage with #000 !important. Jellyfin OSD page renders <div id=videoOsdPage class=libraryPage>; class match -> opaque black div above <video>. Fix: extend transparent-scope using :has(.htmlVideoPlayer) + #videoOsdPage selector. Post-fix darkPct=9.8% (was 100%), MNS S1E4 video frame visually paints. Removed INC6 clear-cache-only middleware (no longer needed, was burning HTTP cache every visit). bin/apply-26-incident-fixes.sh extended with INC7 patch (idempotent re-apply if branding.xml ever drifts back). Lesson: video-element state alone is insufficient verification. Always sample pixel histogram + canvas drawImage on the painted viewport.
181 lines
6.4 KiB
Bash
Executable file
181 lines
6.4 KiB
Bash
Executable file
#!/usr/bin/env bash
|
|
# apply-26-incident-fixes.sh
|
|
#
|
|
# Re-applies the three server-state fixes from docs/26 if branding.xml /
|
|
# encoding.xml drift back to broken state (e.g. after a Jellyfin restore).
|
|
#
|
|
# 1. CustomCss: Cineplex hardcoded "Abspielen" → "Play"
|
|
# 2. CustomCss: Backdrop transparent-scope using :has() (BLACK-PASS occluded backdrop layer)
|
|
# 3. encoding.xml: EnableThrottling=false + EnableSegmentDeletion=false (kills HLS 499)
|
|
#
|
|
# Usage: ssh user@nullstone "$(cat bin/apply-26-incident-fixes.sh)"
|
|
# Idempotent: re-running is safe.
|
|
|
|
set -euo pipefail
|
|
|
|
# 3+5. encoding.xml — disable throttling + segment deletion (HLS 499)
|
|
# AND disable software tonemapping (CPU-only nullstone
|
|
# cannot sustain real-time 4K HDR tonemap+x264, ffmpeg
|
|
# runs at ~0.5x → 18s wait time before video starts;
|
|
# R&M is fake-HDR per doc 21 anyway, so no visual loss)
|
|
for cfg in /home/docker/jellyfin/config/config/encoding.xml \
|
|
/home/docker/jellyfin-dev/config/config/encoding.xml; do
|
|
[ -f "$cfg" ] || continue
|
|
cp -n "$cfg" "$cfg.bak.pre-doc26" || true
|
|
sed -i \
|
|
-e 's|<EnableThrottling>true</EnableThrottling>|<EnableThrottling>false</EnableThrottling>|' \
|
|
-e 's|<EnableSegmentDeletion>true</EnableSegmentDeletion>|<EnableSegmentDeletion>false</EnableSegmentDeletion>|' \
|
|
-e 's|<EnableTonemapping>true|<EnableTonemapping>false|' \
|
|
-e 's|<EnableVppTonemapping>true|<EnableVppTonemapping>false|' \
|
|
"$cfg"
|
|
echo "[+] patched $cfg"
|
|
done
|
|
|
|
# 1+2. branding.xml CustomCss — Abspielen + backdrop transparent-scope
|
|
patch_branding() {
|
|
local cfg="$1"
|
|
[ -f "$cfg" ] || return 0
|
|
if grep -q "ARRFLIX 2026-05-09" "$cfg"; then
|
|
echo "[=] $cfg already has doc-26 patch"
|
|
return 0
|
|
fi
|
|
cp -n "$cfg" "$cfg.bak.pre-doc26" || true
|
|
python3 - <<PY
|
|
p = "$cfg"
|
|
s = open(p).read()
|
|
patch = """
|
|
|
|
/* ARRFLIX 2026-05-09 — incident fixes (see docs/26-incident-2026-05-09-...).
|
|
INC1: Cineplex theme hardcodes German "Abspielen" via content: ::after.
|
|
INC1: BLACK-PASS occludes backdrop; transparent-scope via :has().
|
|
INC2: pin backdrop position:fixed so it persists across scroll.
|
|
INC3: extend transparent-scope through detail-page sub-sections so
|
|
section wrappers don't paint over the pinned backdrop.
|
|
INC4: override the 2026-05-08 .emby-scroller=#000 rule on detail page
|
|
(it was painting a black band behind every carousel — most visible
|
|
on admin-only "More from Season" / "More Like This"). */
|
|
.mainDetailButtons .material-icons.play_arrow::after {
|
|
content: "Play" !important;
|
|
}
|
|
.itemDetailPage,
|
|
.layout-desktop:has(.itemDetailPage),
|
|
.layout-mobile:has(.itemDetailPage),
|
|
.layout-tv:has(.itemDetailPage),
|
|
.mainAnimatedPages:has(.itemDetailPage),
|
|
.pageContainer:has(.itemDetailPage),
|
|
.padded-bottom-page:has(.itemDetailPage),
|
|
.libraryPage:has(.itemDetailPage),
|
|
.absolutePageTabContent:has(.itemDetailPage) {
|
|
background-color: transparent !important;
|
|
background: transparent !important;
|
|
}
|
|
.layout-desktop .backdropContainer,
|
|
.layout-mobile .backdropContainer,
|
|
.layout-tv .backdropContainer,
|
|
.layout-desktop .backgroundContainer,
|
|
.layout-mobile .backgroundContainer,
|
|
.layout-tv .backgroundContainer {
|
|
position: fixed !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
width: 100vw !important;
|
|
height: 100vh !important;
|
|
z-index: 0 !important;
|
|
}
|
|
.layout-desktop .backgroundContainer.withBackdrop::after,
|
|
.layout-mobile .backgroundContainer.withBackdrop::after,
|
|
.layout-tv .backgroundContainer.withBackdrop::after {
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
background: linear-gradient(
|
|
180deg,
|
|
rgba(0,0,0,0.00) 0%,
|
|
rgba(0,0,0,0.00) 35%,
|
|
rgba(0,0,0,0.40) 70%,
|
|
rgba(0,0,0,0.75) 100%
|
|
);
|
|
pointer-events: none;
|
|
z-index: 1;
|
|
}
|
|
.itemDetailPage,
|
|
.itemDetailPage > *,
|
|
.detailPageContent,
|
|
.detailPagePrimaryContainer,
|
|
.detailPageWrapperContainer,
|
|
.detailPageContent > *,
|
|
.detailVerticalSection,
|
|
.detailVerticalSection-extrabottompadding,
|
|
.detailSection,
|
|
.detailSectionContent,
|
|
.itemsContainer,
|
|
.scrollSlider,
|
|
.scrollSliderContainer,
|
|
.padded-bottom-page,
|
|
.detailPagePrimaryContent,
|
|
.sectionTitleContainer,
|
|
.detailRibbon,
|
|
.subtitleAudioContainer,
|
|
.detailPageRoot {
|
|
background-color: transparent !important;
|
|
background: transparent !important;
|
|
}
|
|
/* INC4: 2026-05-08 home-page "kill gray band" rule paints .emby-scroller
|
|
#000 unscoped — that's the OPAQUE wrapper around every carousel inside
|
|
.itemDetailPage. Override back to transparent on detail page only. */
|
|
.itemDetailPage .emby-scroller,
|
|
.itemDetailPage .emby-scroller-container,
|
|
.itemDetailPage .verticalSection,
|
|
.itemDetailPage .padded-top-focusscale,
|
|
.itemDetailPage .padded-bottom-focusscale,
|
|
.itemDetailPage .moreFromSeasonSection,
|
|
.itemDetailPage .moreFromArtistSection,
|
|
.itemDetailPage .scrollSliderContainer,
|
|
.itemDetailPage .scrollButtonContainer {
|
|
background-color: transparent !important;
|
|
background: transparent !important;
|
|
}
|
|
/* INC7 2026-05-09: BLACK-PASS paints .libraryPage #000; #videoOsdPage uses
|
|
that class so the OSD page covers <video> with opaque black. <video>
|
|
decodes frames (canvas drawImage luma=84) but visually 100% black until
|
|
we exempt the OSD page from BLACK-PASS via :has(.htmlVideoPlayer). */
|
|
.libraryPage:has(.htmlVideoPlayer),
|
|
.libraryPage#videoOsdPage,
|
|
#videoOsdPage,
|
|
#videoOsdPage .pageContainer,
|
|
#videoOsdPage .layout-desktop,
|
|
#videoOsdPage .mainAnimatedPages {
|
|
background-color: transparent !important;
|
|
background: transparent !important;
|
|
}
|
|
/* INC5: kill grey scrollbar groove at page bottom (Chrome native scrollbar
|
|
default = grey track; appears as ~15px strip at viewport bottom). Style
|
|
all scrollbars to ARRFLIX palette. */
|
|
*::-webkit-scrollbar {
|
|
background: #000000 !important;
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
*::-webkit-scrollbar-track { background: #000000 !important; }
|
|
*::-webkit-scrollbar-thumb {
|
|
background: #2a2a2a !important;
|
|
border-radius: 5px;
|
|
}
|
|
*::-webkit-scrollbar-thumb:hover { background: #3a3a3a !important; }
|
|
*::-webkit-scrollbar-corner { background: #000000 !important; }
|
|
* { scrollbar-color: #2a2a2a #000000; }
|
|
html, body { scrollbar-color: #2a2a2a #000000; }
|
|
"""
|
|
s = s.replace("</CustomCss>", patch + "</CustomCss>")
|
|
open(p, "w").write(s)
|
|
PY
|
|
echo "[+] patched $cfg"
|
|
}
|
|
|
|
patch_branding /home/docker/jellyfin/config/config/branding.xml
|
|
patch_branding /home/docker/jellyfin-dev/config/config/branding.xml
|
|
|
|
# Restart so changes take effect
|
|
docker restart jellyfin jellyfin-dev 2>/dev/null || docker restart jellyfin
|
|
|
|
echo "[*] Done. Verify with bin/headless-test.py."
|