Merge pull request #3560 from thornbill/refactor-transparency

Move backdrop transparency method to component

src/plugins/htmlVideoPlayer/plugin.js

@@ -30,6 +30,7 @@ import globalize from '../../scripts/globalize';
 import ServerConnections from '../../components/ServerConnections';
 import profileBuilder from '../../scripts/browserDeviceProfile';
 import { getIncludeCorsCredentials } from '../../scripts/settings/webSettings';
+import { setBackdropTransparency, TRANSPARENCY_LEVEL } from '../../components/backdrop/backdrop';
 
 /* eslint-disable indent */
 
@@ -691,7 +692,7 @@ function tryRemoveElement(elem) {
             destroyHlsPlayer(this);
             destroyFlvPlayer(this);
 
-            appRouter.setTransparency('none');
+            setBackdropTransparency(TRANSPARENCY_LEVEL.None);
             document.body.classList.remove('hide-scroll');
 
             const videoElement = this.#mediaElement;
@@ -838,7 +839,7 @@ function tryRemoveElement(elem) {
                 if (this._currentPlayOptions.fullscreen) {
                     appRouter.showVideoOsd().then(this.onNavigatedToOsd);
                 } else {
-                    appRouter.setTransparency('backdrop');
+                    setBackdropTransparency(TRANSPARENCY_LEVEL.Backdrop);
                     this.#videoDialog.classList.remove('videoPlayerContainer-onTop');
 
                     this.onStartedAndNavigatedToOsd();

src/plugins/youtubePlayer/plugin.js

@@ -2,6 +2,7 @@ import { Events } from 'jellyfin-apiclient';
 import browser from '../../scripts/browser';
 import { appRouter } from '../../components/appRouter';
 import loading from '../../components/loading/loading';
+import { setBackdropTransparency, TRANSPARENCY_LEVEL } from '../../components/backdrop/backdrop';
 
 /* globals YT */
 
@@ -127,7 +128,7 @@ function onPlaying(instance, playOptions, resolve) {
                 instance.videoDialog.classList.remove('onTop');
             });
         } else {
-            appRouter.setTransparency('backdrop');
+            setBackdropTransparency(TRANSPARENCY_LEVEL.Backdrop);
             instance.videoDialog.classList.remove('onTop');
         }
 
@@ -227,7 +228,7 @@ class YoutubePlayer {
         return Promise.resolve();
     }
     destroy() {
-        appRouter.setTransparency('none');
+        setBackdropTransparency(TRANSPARENCY_LEVEL.None);
         document.body.classList.remove('hide-scroll');
 
         const dlg = this.videoDialog;