React Native Kinescope Player

Installation

Using npm:

npm --save install @kinescope/react-native-kinescope-video [email protected] @react-native-async-storage/async-storage

Using yarn:

yarn add @kinescope/react-native-kinescope-video [email protected] @react-native-async-storage/async-storage

Useful resources

• react-native-video

Packages storage

// file: android/build.gradle

allprojects {
    repositories {
        jcenter()
    }
}

Install iOS

npx pod-install

Props including react-native-video

preload?: boolean;
videoId: string;
posterResizeMode?: ImageResizeMode;
externalId?: string;
quality?: QualityTypes;
autoSeekChangeQuality?: boolean; // default: true; iOS only
referer?: string;
drmAuthToken?: string;

Events including react-native-video

onManifestLoadStart?: () => void;
onManifestLoad?: (manifest: ManifestEventLoadTypes) => void;
onManifestError?: (error: unknown) => void;

Configurable props

videoId

Video ID from https://app.kinescope.io/

preload

The video is uploading right away.

externalId

For analytics

fix TS2786: 'Video' cannot be used as a JSX component.

Add below in .tsconfig.json --> compilerOptions

"compilerOptions": {
    "paths": {
      "react": [ "./node_modules/@types/react" ]
    }
 }