chore: show subtitle button

TheWidlarzGroup · Jun 21, 2024 · e9493a1 · e9493a1
1 parent 9fbca52
commit e9493a1
Show file tree

Hide file tree

Showing 6 changed files with 27 additions and 1 deletion.
diff --git a/android/src/main/java/com/brentvatne/exoplayer/ReactExoplayerView.java b/android/src/main/java/com/brentvatne/exoplayer/ReactExoplayerView.java
@@ -2258,4 +2258,9 @@ public void setControlsStyles(ControlsConfig controlsStyles) {
         controlsConfig = controlsStyles;
         refreshProgressBarVisibility();
     }
+
+    public void setShowSubtitleButton(Boolean showSubtitleButton) {
+        if(exoPlayerView == null) return;
+        exoPlayerView.setShowSubtitleButton(showSubtitleButton);
+    }
 }
diff --git a/android/src/main/java/com/brentvatne/exoplayer/ReactExoplayerViewManager.java b/android/src/main/java/com/brentvatne/exoplayer/ReactExoplayerViewManager.java
@@ -80,6 +80,7 @@ public class ReactExoplayerViewManager extends ViewGroupManager<ReactExoplayerVi
     private static final String PROP_SHOW_NOTIFICATION_CONTROLS = "showNotificationControls";
     private static final String PROP_DEBUG = "debug";
     private static final String PROP_CONTROLS_STYLES = "controlsStyles";
+    private static final String PROP_SHOW_SUBTITLE_BUTTON = "showSubtitleButton";
 
 
     private final ReactExoplayerConfig config;
@@ -358,4 +359,9 @@ public void setControlsStyles(final ReactExoplayerView videoView, @Nullable Read
         ControlsConfig controlsConfig = ControlsConfig.parse(controlsStyles);
         videoView.setControlsStyles(controlsConfig);
     }
+
+    @ReactProp(name = PROP_SHOW_SUBTITLE_BUTTON)
+    public void setShowSubtitle(final ReactExoplayerView videoView, @Nullable Boolean showSubtitleButton) {
+        videoView.setShowSubtitleButton(showSubtitleButton);
+    }
 }
diff --git a/docs/pages/component/props.mdx b/docs/pages/component/props.mdx
@@ -791,6 +791,15 @@ source={{
   }}
 ```
 
+### `showSubtitleButton`
+<PlatformsList types={['Android']} />
+
+Display the subtitle button. The default setting is `true`.
+
+```javascript
+showSubtitleButton={true}
+```
+
 ### `subtitleStyle`
 
 | Property      | Description                                                                                                                                                                                        | Platforms    |
@@ -926,4 +935,4 @@ Adjust the volume.
 
 - **1.0 (default)** - Play at full volume
 - **0.0** - Mute the audio
-- **Other values** - Reduce volume
+- **Other values** - Reduce volume
diff --git a/src/Video.tsx b/src/Video.tsx
@@ -83,6 +83,7 @@ const Video = forwardRef<VideoRef, ReactVideoProps>(
       selectedVideoTrack,
       selectedAudioTrack,
       selectedTextTrack,
+      showSubtitleButton,
       onLoadStart,
       onLoad,
       onError,
@@ -557,6 +558,9 @@ const Video = forwardRef<VideoRef, ReactVideoProps>(
           selectedAudioTrack={_selectedAudioTrack}
           selectedVideoTrack={_selectedVideoTrack}
           onGetLicense={useExternalGetLicense ? onGetLicense : undefined}
+          showSubtitleButton={
+            showSubtitleButton === undefined ? true : showSubtitleButton
+          }
           onVideoLoad={
             onLoad || hasPoster
               ? (onVideoLoad as (e: NativeSyntheticEvent<object>) => void)

diff --git a/src/specs/VideoNativeComponent.ts b/src/specs/VideoNativeComponent.ts
@@ -337,6 +337,7 @@ export interface VideoNativeProps extends ViewProps {
   useSecureView?: boolean; // Android
   bufferingStrategy?: BufferingStrategyType; // Android
   controlsStyles?: ControlsStyles; // Android
+  showSubtitleButton?: boolean;
   onVideoLoad?: DirectEventHandler<OnLoadData>;
   onVideoLoadStart?: DirectEventHandler<OnLoadStartData>;
   onVideoAspectRatio?: DirectEventHandler<OnVideoAspectRatioData>;

diff --git a/src/types/video.ts b/src/types/video.ts
@@ -263,4 +263,5 @@ export interface ReactVideoProps extends ReactVideoEvents, ViewProps {
   debug?: DebugConfig;
   allowsExternalPlayback?: boolean; // iOS
   controlsStyles?: ControlsStyles; // Android
+  showSubtitleButton?: boolean;
 }