react-native-unified-player 1.0.11 → 1.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/android/src/main/java/com/unifiedplayer/core/fragments/FullscreenVideoFragment.kt +4 -2
- package/android/src/main/java/com/unifiedplayer/view/VideoView.kt +1 -1
- package/android/src/main/res/layout/custom_player_control_view.xml +70 -0
- package/android/src/main/res/layout/player_view_surface.xml +2 -3
- package/android/src/main/res/layout/player_view_texture.xml +3 -5
- package/lib/module/core/video-view/VideoView.js +22 -2
- package/lib/module/core/video-view/VideoView.js.map +1 -1
- package/lib/typescript/src/core/video-view/VideoView.d.ts +10 -0
- package/lib/typescript/src/core/video-view/VideoView.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/core/video-view/VideoView.tsx +35 -2
|
@@ -108,7 +108,8 @@ class FullscreenVideoFragment(private val videoView: VideoView) : Fragment() {
|
|
|
108
108
|
videoView.playerView.useController = false
|
|
109
109
|
videoView.playerView.controllerAutoShow = false
|
|
110
110
|
} else {
|
|
111
|
-
|
|
111
|
+
// In fullscreen, we always want controls enabled
|
|
112
|
+
videoView.playerView.useController = true
|
|
112
113
|
videoView.playerView.controllerAutoShow = true
|
|
113
114
|
}
|
|
114
115
|
}
|
|
@@ -122,7 +123,8 @@ class FullscreenVideoFragment(private val videoView: VideoView) : Fragment() {
|
|
|
122
123
|
videoView.playerView.useController = false
|
|
123
124
|
videoView.playerView.controllerAutoShow = false
|
|
124
125
|
} else {
|
|
125
|
-
|
|
126
|
+
// In fullscreen, we always want controls enabled
|
|
127
|
+
videoView.playerView.useController = true
|
|
126
128
|
videoView.playerView.controllerAutoShow = true
|
|
127
129
|
}
|
|
128
130
|
}
|
|
@@ -560,6 +560,6 @@ class VideoView @JvmOverloads constructor(
|
|
|
560
560
|
}
|
|
561
561
|
|
|
562
562
|
private fun applySmallPlayerLayoutFixes() {
|
|
563
|
-
SmallVideoPlayerOptimizer.applyOptimizations(playerView, context, isFullscreen =
|
|
563
|
+
SmallVideoPlayerOptimizer.applyOptimizations(playerView, context, isFullscreen = isInFullscreen)
|
|
564
564
|
}
|
|
565
565
|
}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
<?xml version="1.0" encoding="utf-8"?>
|
|
2
|
+
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
|
|
3
|
+
android:layout_width="match_parent"
|
|
4
|
+
android:layout_height="wrap_content"
|
|
5
|
+
android:layout_gravity="bottom"
|
|
6
|
+
android:layoutDirection="ltr"
|
|
7
|
+
android:orientation="vertical">
|
|
8
|
+
|
|
9
|
+
<LinearLayout android:id="@id/exo_bottom_bar"
|
|
10
|
+
android:layout_width="match_parent"
|
|
11
|
+
android:layout_height="wrap_content"
|
|
12
|
+
android:background="#CC000000"
|
|
13
|
+
android:orientation="vertical">
|
|
14
|
+
|
|
15
|
+
<LinearLayout
|
|
16
|
+
android:layout_width="match_parent"
|
|
17
|
+
android:layout_height="wrap_content"
|
|
18
|
+
android:gravity="center"
|
|
19
|
+
android:paddingTop="4dp"
|
|
20
|
+
android:orientation="horizontal">
|
|
21
|
+
|
|
22
|
+
<ImageButton android:id="@id/exo_play_pause"
|
|
23
|
+
style="@style/ExoMediaButton.Play"/>
|
|
24
|
+
|
|
25
|
+
</LinearLayout>
|
|
26
|
+
|
|
27
|
+
<LinearLayout
|
|
28
|
+
android:layout_width="match_parent"
|
|
29
|
+
android:layout_height="wrap_content"
|
|
30
|
+
android:layout_marginTop="4dp"
|
|
31
|
+
android:gravity="center_vertical"
|
|
32
|
+
android:paddingStart="36dp"
|
|
33
|
+
android:paddingEnd="24dp"
|
|
34
|
+
android:orientation="horizontal">
|
|
35
|
+
|
|
36
|
+
<TextView android:id="@id/exo_position"
|
|
37
|
+
android:layout_width="wrap_content"
|
|
38
|
+
android:layout_height="wrap_content"
|
|
39
|
+
android:textSize="14sp"
|
|
40
|
+
android:textStyle="bold"
|
|
41
|
+
android:paddingLeft="4dp"
|
|
42
|
+
android:paddingRight="4dp"
|
|
43
|
+
android:includeFontPadding="false"
|
|
44
|
+
android:textColor="#FFBEBEBE"/>
|
|
45
|
+
|
|
46
|
+
<androidx.media3.ui.DefaultTimeBar
|
|
47
|
+
android:id="@id/exo_progress"
|
|
48
|
+
android:layout_width="0dp"
|
|
49
|
+
android:layout_weight="1"
|
|
50
|
+
android:layout_height="26dp"/>
|
|
51
|
+
|
|
52
|
+
<TextView android:id="@id/exo_duration"
|
|
53
|
+
android:layout_width="wrap_content"
|
|
54
|
+
android:layout_height="wrap_content"
|
|
55
|
+
android:textSize="14sp"
|
|
56
|
+
android:textStyle="bold"
|
|
57
|
+
android:paddingLeft="4dp"
|
|
58
|
+
android:paddingRight="4dp"
|
|
59
|
+
android:includeFontPadding="false"
|
|
60
|
+
android:textColor="#FFBEBEBE"/>
|
|
61
|
+
|
|
62
|
+
<ImageButton android:id="@id/exo_fullscreen"
|
|
63
|
+
style="@style/ExoMediaButton.Rewind"
|
|
64
|
+
android:src="@drawable/exo_ic_fullscreen_exit"
|
|
65
|
+
android:contentDescription="@string/exo_controls_fullscreen_exit_description"/>
|
|
66
|
+
|
|
67
|
+
</LinearLayout>
|
|
68
|
+
</LinearLayout>
|
|
69
|
+
|
|
70
|
+
</LinearLayout>
|
|
@@ -7,8 +7,7 @@
|
|
|
7
7
|
android:clipChildren="false"
|
|
8
8
|
android:clipToPadding="false"
|
|
9
9
|
app:surface_type="surface_view"
|
|
10
|
-
app:
|
|
11
|
-
app:
|
|
12
|
-
app:scrubber_dragged_size="0dp"
|
|
10
|
+
app:controller_layout_id="@layout/custom_player_control_view"
|
|
11
|
+
app:show_timeout="3000"
|
|
13
12
|
app:touch_target_height="12dp"
|
|
14
13
|
app:bar_height="5dp" />
|
|
@@ -7,9 +7,7 @@
|
|
|
7
7
|
xmlns:app="http://schemas.android.com/apk/res-auto"
|
|
8
8
|
android:clipChildren="false"
|
|
9
9
|
android:clipToPadding="false"
|
|
10
|
-
app:
|
|
11
|
-
app:
|
|
12
|
-
app:scrubber_dragged_size="0dp"
|
|
10
|
+
app:controller_layout_id="@layout/custom_player_control_view"
|
|
11
|
+
app:show_timeout="3000"
|
|
13
12
|
app:touch_target_height="12dp"
|
|
14
|
-
app:bar_height="5dp"
|
|
15
|
-
/>
|
|
13
|
+
app:bar_height="5dp" />
|
|
@@ -48,6 +48,8 @@ const VideoView = /*#__PURE__*/React.forwardRef(({
|
|
|
48
48
|
resizeMode = 'none',
|
|
49
49
|
autoplay = true,
|
|
50
50
|
fullscreen = false,
|
|
51
|
+
paused,
|
|
52
|
+
speed,
|
|
51
53
|
onPictureInPictureChange,
|
|
52
54
|
onFullscreenChange,
|
|
53
55
|
willEnterFullscreen,
|
|
@@ -191,7 +193,7 @@ const VideoView = /*#__PURE__*/React.forwardRef(({
|
|
|
191
193
|
return;
|
|
192
194
|
}
|
|
193
195
|
|
|
194
|
-
//
|
|
196
|
+
// Update props to native view
|
|
195
197
|
updateProps(nitroViewManager.current, {
|
|
196
198
|
...props,
|
|
197
199
|
player: player,
|
|
@@ -202,14 +204,32 @@ const VideoView = /*#__PURE__*/React.forwardRef(({
|
|
|
202
204
|
});
|
|
203
205
|
}, [player, controls, pictureInPicture, autoEnterPictureInPicture, resizeMode, props, isManagerReady]);
|
|
204
206
|
|
|
207
|
+
// Handle paused prop changes
|
|
208
|
+
React.useEffect(() => {
|
|
209
|
+
if (paused === undefined) return;
|
|
210
|
+
if (paused) {
|
|
211
|
+
player.pause();
|
|
212
|
+
} else {
|
|
213
|
+
player.play();
|
|
214
|
+
}
|
|
215
|
+
}, [paused, player]);
|
|
216
|
+
|
|
217
|
+
// Handle speed prop changes
|
|
218
|
+
React.useEffect(() => {
|
|
219
|
+
if (speed === undefined) return;
|
|
220
|
+
player.rate = speed;
|
|
221
|
+
}, [speed, player]);
|
|
222
|
+
|
|
205
223
|
// Handle autoplay when the view manager is ready
|
|
206
224
|
const hasAutoplayedRef = React.useRef(false);
|
|
207
225
|
React.useEffect(() => {
|
|
226
|
+
// If paused is explicitly set to true, we shouldn't autoplay
|
|
227
|
+
if (paused) return;
|
|
208
228
|
if (isManagerReady && autoplay && !hasAutoplayedRef.current) {
|
|
209
229
|
hasAutoplayedRef.current = true;
|
|
210
230
|
player.play();
|
|
211
231
|
}
|
|
212
|
-
}, [isManagerReady, autoplay, player]);
|
|
232
|
+
}, [isManagerReady, autoplay, player, paused]);
|
|
213
233
|
|
|
214
234
|
// Handle fullscreen prop changes
|
|
215
235
|
React.useEffect(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","NitroModules","tryParseNativeVideoError","VideoComponentError","VideoError","NativeVideoView","jsx","_jsx","nitroIdCounter","VideoViewViewManagerFactory","createHybridObject","wrapNativeViewManagerFunction","manager","func","error","updateProps","props","player","__getNativePlayer","controls","pictureInPicture","autoEnterPictureInPicture","resizeMode","keepScreenAwake","surfaceType","VideoView","forwardRef","autoplay","fullscreen","onPictureInPictureChange","onFullscreenChange","willEnterFullscreen","willExitFullscreen","willEnterPictureInPicture","willExitPictureInPicture","ref","nitroId","useMemo","nitroViewManager","useRef","isManagerReady","setIsManagerReady","useState","setupViewManager","useCallback","id","console","log","current","createViewManager","parsedError","code","warn","onNitroIdChange","event","nativeEvent","useImperativeHandle","enterFullscreen","exitFullscreen","enterPictureInPicture","exitPictureInPicture","canEnterPictureInPicture","addEventListener","callback","addOnPictureInPictureChangeListener","addOnFullscreenChangeListener","addWillEnterFullscreenListener","addWillExitFullscreenListener","addWillEnterPictureInPictureListener","addWillExitPictureInPictureListener","Error","useEffect","clearAllListeners","subscriptions","push","forEach","sub","remove","
|
|
1
|
+
{"version":3,"names":["React","NitroModules","tryParseNativeVideoError","VideoComponentError","VideoError","NativeVideoView","jsx","_jsx","nitroIdCounter","VideoViewViewManagerFactory","createHybridObject","wrapNativeViewManagerFunction","manager","func","error","updateProps","props","player","__getNativePlayer","controls","pictureInPicture","autoEnterPictureInPicture","resizeMode","keepScreenAwake","surfaceType","VideoView","forwardRef","autoplay","fullscreen","paused","speed","onPictureInPictureChange","onFullscreenChange","willEnterFullscreen","willExitFullscreen","willEnterPictureInPicture","willExitPictureInPicture","ref","nitroId","useMemo","nitroViewManager","useRef","isManagerReady","setIsManagerReady","useState","setupViewManager","useCallback","id","console","log","current","createViewManager","parsedError","code","warn","onNitroIdChange","event","nativeEvent","useImperativeHandle","enterFullscreen","exitFullscreen","enterPictureInPicture","exitPictureInPicture","canEnterPictureInPicture","addEventListener","callback","addOnPictureInPictureChangeListener","addOnFullscreenChangeListener","addWillEnterFullscreenListener","addWillExitFullscreenListener","addWillEnterPictureInPictureListener","addWillExitPictureInPictureListener","Error","useEffect","clearAllListeners","subscriptions","push","forEach","sub","remove","undefined","pause","play","rate","hasAutoplayedRef","displayName","memo"],"sourceRoot":"../../../../src","sources":["core/video-view/VideoView.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -58,6 +58,16 @@ export interface VideoViewProps extends Partial<VideoViewEvents>, ViewProps {
|
|
|
58
58
|
* Set to true to enter fullscreen, false to exit fullscreen.
|
|
59
59
|
*/
|
|
60
60
|
fullscreen?: boolean;
|
|
61
|
+
/**
|
|
62
|
+
* Whether the video acts as paused.
|
|
63
|
+
* - true: Pause the video
|
|
64
|
+
* - false: Play the video
|
|
65
|
+
*/
|
|
66
|
+
paused?: boolean;
|
|
67
|
+
/**
|
|
68
|
+
* The playback speed of the video. Defaults to 1.0.
|
|
69
|
+
*/
|
|
70
|
+
speed?: number;
|
|
61
71
|
}
|
|
62
72
|
export interface VideoViewRef {
|
|
63
73
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"VideoView.d.ts","sourceRoot":"","sources":["../../../../../src/core/video-view/VideoView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AAC3F,OAAO,KAAK,EACV,WAAW,EAGZ,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAMtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,MAAM,WAAW,cAAe,SAAQ,OAAO,CAAC,eAAe,CAAC,EAAE,SAAS;IACzE;;OAEG;IACH,MAAM,EAAE,WAAW,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;;;;;;OASG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"VideoView.d.ts","sourceRoot":"","sources":["../../../../../src/core/video-view/VideoView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AAC3F,OAAO,KAAK,EACV,WAAW,EAGZ,MAAM,6CAA6C,CAAC;AACrD,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAMtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,MAAM,WAAW,cAAe,SAAQ,OAAO,CAAC,eAAe,CAAC,EAAE,SAAS;IACzE;;OAEG;IACH,MAAM,EAAE,WAAW,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;;;;;;;OASG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B;;OAEG;IACH,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B;;OAEG;IACH,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC;;OAEG;IACH,oBAAoB,EAAE,MAAM,IAAI,CAAC;IACjC;;;OAGG;IACH,wBAAwB,EAAE,MAAM,OAAO,CAAC;IACxC;;;;;OAKG;IACH,gBAAgB,EAAE,CAAC,KAAK,SAAS,MAAM,eAAe,EACpD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,KAC7B,oBAAoB,CAAC;CAC3B;;AAqXD,wBAAqC"}
|
package/package.json
CHANGED
|
@@ -71,6 +71,16 @@ export interface VideoViewProps extends Partial<VideoViewEvents>, ViewProps {
|
|
|
71
71
|
* Set to true to enter fullscreen, false to exit fullscreen.
|
|
72
72
|
*/
|
|
73
73
|
fullscreen?: boolean;
|
|
74
|
+
/**
|
|
75
|
+
* Whether the video acts as paused.
|
|
76
|
+
* - true: Pause the video
|
|
77
|
+
* - false: Play the video
|
|
78
|
+
*/
|
|
79
|
+
paused?: boolean;
|
|
80
|
+
/**
|
|
81
|
+
* The playback speed of the video. Defaults to 1.0.
|
|
82
|
+
*/
|
|
83
|
+
speed?: number;
|
|
74
84
|
}
|
|
75
85
|
|
|
76
86
|
export interface VideoViewRef {
|
|
@@ -161,6 +171,8 @@ const VideoView = React.forwardRef<VideoViewRef, VideoViewProps>(
|
|
|
161
171
|
resizeMode = 'none',
|
|
162
172
|
autoplay = true,
|
|
163
173
|
fullscreen = false,
|
|
174
|
+
paused,
|
|
175
|
+
speed,
|
|
164
176
|
onPictureInPictureChange,
|
|
165
177
|
onFullscreenChange,
|
|
166
178
|
willEnterFullscreen,
|
|
@@ -393,7 +405,7 @@ const VideoView = React.forwardRef<VideoViewRef, VideoViewProps>(
|
|
|
393
405
|
return;
|
|
394
406
|
}
|
|
395
407
|
|
|
396
|
-
//
|
|
408
|
+
// Update props to native view
|
|
397
409
|
updateProps(nitroViewManager.current, {
|
|
398
410
|
...props,
|
|
399
411
|
player: player,
|
|
@@ -412,14 +424,35 @@ const VideoView = React.forwardRef<VideoViewRef, VideoViewProps>(
|
|
|
412
424
|
isManagerReady,
|
|
413
425
|
]);
|
|
414
426
|
|
|
427
|
+
// Handle paused prop changes
|
|
428
|
+
React.useEffect(() => {
|
|
429
|
+
if (paused === undefined) return;
|
|
430
|
+
|
|
431
|
+
if (paused) {
|
|
432
|
+
player.pause();
|
|
433
|
+
} else {
|
|
434
|
+
player.play();
|
|
435
|
+
}
|
|
436
|
+
}, [paused, player]);
|
|
437
|
+
|
|
438
|
+
// Handle speed prop changes
|
|
439
|
+
React.useEffect(() => {
|
|
440
|
+
if (speed === undefined) return;
|
|
441
|
+
|
|
442
|
+
player.rate = speed;
|
|
443
|
+
}, [speed, player]);
|
|
444
|
+
|
|
415
445
|
// Handle autoplay when the view manager is ready
|
|
416
446
|
const hasAutoplayedRef = React.useRef(false);
|
|
417
447
|
React.useEffect(() => {
|
|
448
|
+
// If paused is explicitly set to true, we shouldn't autoplay
|
|
449
|
+
if (paused) return;
|
|
450
|
+
|
|
418
451
|
if (isManagerReady && autoplay && !hasAutoplayedRef.current) {
|
|
419
452
|
hasAutoplayedRef.current = true;
|
|
420
453
|
player.play();
|
|
421
454
|
}
|
|
422
|
-
}, [isManagerReady, autoplay, player]);
|
|
455
|
+
}, [isManagerReady, autoplay, player, paused]);
|
|
423
456
|
|
|
424
457
|
// Handle fullscreen prop changes
|
|
425
458
|
React.useEffect(() => {
|