feat: KSPlayer as an option for iOS + other improvements (#1266)

components/video-player/controls/dropdown/DropdownView.tsx

@@ -7,17 +7,26 @@ import {
   type OptionGroup,
   PlatformDropdown,
 } from "@/components/PlatformDropdown";
-import { useControlContext } from "../contexts/ControlContext";
+import { useSettings } from "@/utils/atoms/settings";
+import { usePlayerContext } from "../contexts/PlayerContext";
 import { useVideoContext } from "../contexts/VideoContext";
 
+// Subtitle size presets (stored as scale * 100, so 1.0 = 100)
+const SUBTITLE_SIZE_PRESETS = [
+  { label: "0.5", value: 50 },
+  { label: "0.6", value: 60 },
+  { label: "0.7", value: 70 },
+  { label: "0.8", value: 80 },
+  { label: "0.9", value: 90 },
+  { label: "1.0", value: 100 },
+  { label: "1.1", value: 110 },
+  { label: "1.2", value: 120 },
+] as const;
+
 const DropdownView = () => {
-  const videoContext = useVideoContext();
-  const { subtitleTracks, audioTracks } = videoContext;
-  const ControlContext = useControlContext();
-  const [item, mediaSource] = [
-    ControlContext?.item,
-    ControlContext?.mediaSource,
-  ];
+  const { subtitleTracks, audioTracks } = useVideoContext();
+  const { item, mediaSource } = usePlayerContext();
+  const { settings, updateSettings } = useSettings();
   const router = useRouter();
 
   const { subtitleIndex, audioIndex, bitrateValue, playbackPosition, offline } =
@@ -100,6 +109,18 @@ const DropdownView = () => {
           onPress: () => sub.setTrack(),
         })),
       });
+
+      // Subtitle Size Section
+      groups.push({
+        title: "Subtitle Size",
+        options: SUBTITLE_SIZE_PRESETS.map((preset) => ({
+          type: "radio" as const,
+          label: preset.label,
+          value: preset.value.toString(),
+          selected: settings.subtitleSize === preset.value,
+          onPress: () => updateSettings({ subtitleSize: preset.value }),
+        })),
+      });
     }
 
     // Audio Section
@@ -126,6 +147,8 @@ const DropdownView = () => {
     audioTracksKey,
     subtitleIndex,
     audioIndex,
+    settings.subtitleSize,
+    updateSettings,
     // Note: subtitleTracks and audioTracks are intentionally excluded
     // because we use subtitleTracksKey and audioTracksKey for stability
   ]);
@@ -148,6 +171,7 @@ const DropdownView = () => {
       title='Playback Options'
       groups={optionGroups}
       trigger={trigger}
+      expoUIConfig={{}}
       bottomSheetConfig={{
         enablePanDownToClose: true,
       }}