railbird/react-native-video
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Expose onVideoSeekComplete event in React Native interface
Some checks failed
Build iOS / Build iOS Example App (pull_request) Has been cancelled
Details
Build iOS / Build iOS Example App With Ads (pull_request) Has been cancelled
Details
Build iOS / Build iOS Example App With Caching (pull_request) Has been cancelled
Details
Check CLang / CLang-Format (pull_request) Has been cancelled
Details
Check iOS / Swift-Lint (pull_request) Has been cancelled
Details
Check iOS / Swift-Format (pull_request) Has been cancelled
Details
Check JS / Check TS (tsc) (pull_request) Has been cancelled
Details
Check JS / Lint JS (eslint, prettier) (pull_request) Has been cancelled
Details

Browse Source
This commit is contained in:
Kat Huang 2024-08-05 14:24:38 -06:00
parent 18a0d234dd
commit eca4ba96f0
3 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/Video.tsx
View File

@ -30,6 +30,7 @@ import type {
OnPlaybackStateChangedData,
OnProgressData,
OnSeekData,
OnSeekCompleteData,
OnTextTrackDataChangedData,
OnTimedMetadataData,
OnVideoAspectRatioData,
@ -90,6 +91,7 @@ const Video = forwardRef<VideoRef, ReactVideoProps>(
onError,
onProgress,
onSeek,
onSeekComplete,
onEnd,
onBuffer,
onBandwidthUpdate,
@ -385,6 +387,13 @@ const Video = forwardRef<VideoRef, ReactVideoProps>(
[onSeek],
);
const onVideoSeekComplete = useCallback(
(e: NativeSyntheticEvent<OnSeekCompleteData>) => {
onSeekComplete?.(e.nativeEvent);
},
[onSeekComplete]
);
const onVideoPlaybackStateChanged = useCallback(
(e: NativeSyntheticEvent<OnPlaybackStateChangedData>) => {
onPlaybackStateChanged?.(e.nativeEvent);
@ -716,6 +725,7 @@ const Video = forwardRef<VideoRef, ReactVideoProps>(
onVideoError={onError ? onVideoError : undefined}
onVideoProgress={onProgress ? onVideoProgress : undefined}
onVideoSeek={onSeek ? onVideoSeek : undefined}
onVideoSeekComplete={onSeekComplete ? onVideoSeekComplete : undefined}
onVideoEnd={onEnd}
onVideoBuffer={onBuffer ? onVideoBuffer : undefined}
onVideoPlaybackStateChanged={

6
src/specs/VideoNativeComponent.ts
View File

@ -182,6 +182,12 @@ export type OnSeekData = Readonly<{
seekTime: Float;
}>;
export type OnVideoSeekCompleteData = Readonly<{
currentTime: number;
seekTime: number;
target: number;
}>;
export type OnPlaybackStateChangedData = Readonly<{
isPlaying: boolean;
isSeeking: boolean;

1
src/types/events.ts
View File

@ -258,6 +258,7 @@ export interface ReactVideoEvents {
onReceiveAdEvent?: (e: OnReceiveAdEventData) => void; //Android, iOS
onRestoreUserInterfaceForPictureInPictureStop?: () => void; //iOS
onSeek?: (e: OnSeekData) => void; //Android, iOS, Windows UWP
onSeekComplete?: (e: OnSeekCompleteData) -> void; // iOS
onPlaybackStateChanged?: (e: OnPlaybackStateChangedData) => void; // Android, iOS
onTimedMetadata?: (e: OnTimedMetadataData) => void; //Android, iOS
onAudioTracks?: (e: OnAudioTracksData) => void; // Android