chore: add custom image metadata option for iOS and add missing types for custom metadata properties

[Duell10111]

Update the documentation

Updated the API.md with the new imageMetadataUri

Provide an example of how to test the change

Can be tested in the tvOS example of the app

Describe the changes

Added a possibillity to modify the image metadata of a video shown in tvOS for example or the Now Playing area in iOS.

Created as descripted in the documentation of apple:
https://developer.apple.com/documentation/avkit/customizing_the_tvos_playback_experience#3820220

[freeboub]

one minor clarification expected, else this is ok for me

[freeboub]

Is there any limitation for the image ?
I see the internal tvOS api need a png, but not clear if a png is mandatory in the API

[Duell10111]

No the API supports the image formats supported by UIImage, which contains the classic ones like jpeg, png.
The list can be found here:

https://developer.apple.com/library/archive/documentation/2DDrawing/Conceptual/DrawingPrintingiOS/LoadingImages/LoadingImages.html

[freeboub]

notice also that you have linter error ...
Run yarn lint
yarn run v1.22.19
$ yarn eslint .
$ /home/runner/work/react-native-video/react-native-video/node_modules/.bin/eslint .

/home/runner/work/react-native-video/react-native-video/src/Video.tsx
Error: 485:11 error Do not use "@ts-ignore" because it alters compilation errors @typescript-eslint/ban-ts-comment

✖ 1 problem (1 error, 0 warnings)

error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
Error: Process completed with exit code 1.

You can keep the sample as is. @KrzysztofMoch said you will have a look to the sample !
Thank you

[Duell10111]

notice also that you have linter error ...

Run yarn lint

yarn run v1.22.19

$ yarn eslint .

$ /home/runner/work/react-native-video/react-native-video/node_modules/.bin/eslint .

/home/runner/work/react-native-video/react-native-video/src/Video.tsx

Error: 485:11 error Do not use "@ts-ignore" because it alters compilation errors @typescript-eslint/ban-ts-comment

✖ 1 problem (1 error, 0 warnings)

error Command failed with exit code 1.

info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

error Command failed with exit code 1.

info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Error: Process completed with exit code 1.

You can keep the sample as is. @KrzysztofMoch said you will have a look to the sample !

Thank you

I only added this line as the selectedtexttracks contained a type issue, blocking the typescript compile operation.
I can remove this line, once I am home again. 😊

[KrzysztofMoch]

@Duell10111 There is fix on master for this ts error and for eslint errors, you can make rebase 😁

[freeboub]

I was able to fix it :) So let's merge !
(And thank you for image detailed informations !)
Thank you !