feat(android): support hiding Exoplayer video duration on android (#4090

) * feat: support for hiding duration on Android * docs: add hideDuration property to control styles documentation
TheWidlarzGroup · Aug 21, 2024 · 41e2bed · 41e2bed
1 parent 4611284
commit 41e2bed
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 1 deletion.
diff --git a/android/src/main/java/com/brentvatne/common/api/ControlsConfig.kt b/android/src/main/java/com/brentvatne/common/api/ControlsConfig.kt
@@ -6,6 +6,7 @@ import com.facebook.react.bridge.ReadableMap
 class ControlsConfig {
     var hideSeekBar: Boolean = false
     var seekIncrementMS: Int = 10000
+    var hideDuration: Boolean = false
 
     companion object {
         @JvmStatic
@@ -15,6 +16,7 @@ class ControlsConfig {
             if (src != null) {
                 config.hideSeekBar = ReactBridgeUtils.safeGetBool(src, "hideSeekBar", false)
                 config.seekIncrementMS = ReactBridgeUtils.safeGetInt(src, "seekIncrementMS", 10000)
+                config.hideDuration = ReactBridgeUtils.safeGetBool(src, "hideDuration", false)
             }
 
             return config

diff --git a/android/src/main/java/com/brentvatne/exoplayer/ReactExoplayerView.java b/android/src/main/java/com/brentvatne/exoplayer/ReactExoplayerView.java
@@ -554,7 +554,13 @@ private void refreshProgressBarVisibility (){
             exoPosition.setLayoutParams(param);
         }else{
             exoProgress.setVisibility(VISIBLE);
-            exoDuration.setVisibility(VISIBLE);
+
+            if(controlsConfig.getHideDuration()){
+                exoDuration.setVisibility(GONE);
+            }else{
+                exoDuration.setVisibility(VISIBLE);
+            }
+
             // Reset the layout parameters of exoPosition to their default state
             LinearLayout.LayoutParams defaultParam = new LinearLayout.LayoutParams(
                     LayoutParams.WRAP_CONTENT,

diff --git a/docs/pages/component/props.mdx b/docs/pages/component/props.mdx
@@ -147,13 +147,15 @@ Adjust the control styles. This prop is need only if `controls={true}` and is an
 | Property        | Type    | Description                                                                             |
 |-----------------|---------|-----------------------------------------------------------------------------------------|
 | hideSeekBar     | boolean | The default value is `false`, allowing you to hide the seek bar for live broadcasts.    |
+| hideDuration    | boolean | The default value is `false`, allowing you to hide the duration.                        |
 | seekIncrementMS | number  | The default value is `10000`. You can change the value to increment forward and rewind. |
 
 Example with default values:
 
 ```javascript
 controlsStyles={{
   hideSeekBar: false,
+  hideDuration: false,
   seekIncrementMS: 10000,
 }}
 ```

diff --git a/src/specs/VideoNativeComponent.ts b/src/specs/VideoNativeComponent.ts
@@ -284,6 +284,7 @@ export type OnAudioFocusChangedData = Readonly<{
 
 type ControlsStyles = Readonly<{
   hideSeekBar?: boolean;
+  hideDuration?: boolean;
   seekIncrementMS?: Int32;
 }>;
 

diff --git a/src/types/video.ts b/src/types/video.ts
@@ -223,6 +223,7 @@ export type AudioOutput = 'speaker' | 'earpiece';
 
 export type ControlsStyles = {
   hideSeekBar?: boolean;
+  hideDuration?: boolean;
   seekIncrementMS?: number;
 };