Make Paella hide its UI after 2s already

elan-ev · Sep 21, 2023 · 1c1663d · 1c1663d
1 parent 9b7138e
commit 1c1663d
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/frontend/src/typings/paella-core.d.ts b/frontend/src/typings/paella-core.d.ts
@@ -17,6 +17,8 @@ declare module "paella-core" {
         public skin: Skin;
 
         public unload(): Promise<void>;
+
+        hideUiTime: number;
     }
 
     export interface InitParams {

diff --git a/frontend/src/ui/player/Paella.tsx b/frontend/src/ui/player/Paella.tsx
@@ -1,5 +1,5 @@
 import { useEffect, useRef } from "react";
-import { Config, Manifest, Paella, Source, Stream } from "paella-core";
+import { Config, Manifest, Paella, Source, Stream, bindEvent, Events } from "paella-core";
 import getBasicPluginsContext from "paella-basic-plugins";
 import getZoomPluginContext from "paella-zoom-plugin";
 
@@ -112,6 +112,9 @@ const PaellaPlayer: React.FC<PaellaPlayerProps> = ({
                     getZoomPluginContext(),
                 ],
             });
+            bindEvent(player, Events.PLAYER_LOADED, () => {
+                player.hideUiTime = 2000;
+            });
 
             const loadPromise = player.skin.loadSkin("/~assets/paella/theme.json")
                 .then(() => player.loadManifest());