feat(tvos): add custom image metadata option for tvos and add missing types for custom metadata properties (#3280)

* fix: add typescript types for custom metadata properties
* chore: add possibility to override image metadata of video playback

---------

Co-authored-by: Olivier Bouillet <62574056+freeboub@users.noreply.github.com>

src/Video.tsx

@@ -143,6 +143,10 @@ const Video = forwardRef<VideoRef, ReactVideoProps>(
         requestHeaders: resolvedSource?.headers || {},
         startTime: resolvedSource.startTime || 0,
         endTime: resolvedSource.endTime,
+        title: resolvedSource.title,
+        subtitle: resolvedSource.subtitle,
+        description: resolvedSource.description,
+        customImageUri: resolvedSource.customImageUri,
       };
     }, [source]);
 

src/VideoNativeComponent.ts

@@ -22,6 +22,10 @@ type VideoSrc = Readonly<{
   requestHeaders?: Headers;
   startTime?: number;
   endTime?: number;
+  title?: string;
+  subtitle?: string;
+  description?: string;
+  customImageUri?: string;
 }>;
 
 export type Filter =

src/types/video.ts

@@ -33,6 +33,10 @@ export type ReactVideoSource = Readonly<{
   headers?: Headers;
   startTime?: number;
   endTime?: number;
+  title?: string;
+  subtitle?: string;
+  description?: string;
+  customImageUri?: string;
 }>;
 
 export type ReactVideoDrm = Readonly<{
@@ -86,6 +90,13 @@ type TextTracks = {
   uri: string;
 }[];
 
+type Chapters = {
+  title: string;
+  startTime: number;
+  endTime: number;
+  uri?: string;
+};
+
 export interface ReactVideoProps extends ReactVideoEvents {
   source?: ReactVideoSource;
   drm?: ReactVideoDrm;
@@ -95,6 +106,7 @@ export interface ReactVideoProps extends ReactVideoEvents {
   automaticallyWaitsToMinimizeStalling?: boolean; // iOS
   backBufferDurationMs?: number; // Android
   bufferConfig?: BufferConfig; // Android
+  chapters?: Chapters[]; // iOS
   contentStartTime?: number; // Android
   controls?: boolean;
   currentPlaybackTime?: number; // Android