Add SubtitleAppearance interface

jellyfin · Oct 23, 2024 · 9db0f4a · 9db0f4a
1 parent 9859c9f
commit 9db0f4a
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git a/src/components/maincontroller.ts b/src/components/maincontroller.ts
@@ -782,7 +782,7 @@ export function setTextTrack(index: number | null): void {
                 if (subtitleAppearance.dropShadow != null) {
                     // Empty string is DROP_SHADOW
                     textTrackStyle.edgeType =
-                        subtitleAppearance.dropShadow.toUpperCase() ||
+                        subtitleAppearance.dropShadow ||
                         cast.framework.messages.TextTrackEdgeType.DROP_SHADOW;
                     textTrackStyle.edgeColor = '#000000FF';
                 }

diff --git a/src/types/global.d.ts b/src/types/global.d.ts
@@ -7,6 +7,7 @@ import type {
     BaseItemDto,
     RepeatMode
 } from '@jellyfin/sdk/lib/generated-client';
+import { TextTrackEdgeType } from 'chromecast-caf-receiver/cast.framework.messages';
 
 export interface Dictionary<T> {
     [Key: string]: T;
@@ -89,15 +90,22 @@ interface SupportedCommands {
 }
 // /From commandHandler
 
+interface SubtitleAppearance {
+    dropShadow: TextTrackEdgeType;
+    font: string;
+    textColor: string;
+    textBackground: string;
+    textSize: 'smaller' | 'small' | 'large' | 'larger' | 'extralarge';
+}
+
 declare global {
     export interface Window {
         mediaElement: HTMLElement | null;
         playerManager: PlayerManager;
         castReceiverContext: CastReceiverContext;
         repeatMode: RepeatMode;
         reportEventType: 'repeatmodechange';
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        subtitleAppearance: any;
+        subtitleAppearance: SubtitleAppearance;
         MaxBitrate: number | undefined;
         senderId: string | undefined;
         volume: SystemVolumeData;