React native awesome player

React native awesome player for video

Sample codes here

Installation

npm i react-native-awesome-player

yarn add react-native-awesome-player

import { VideoPlayer } from "react-native-awesome-player";

<VideoPlayer
  title={"Sample video"}
  radius={10}
  width={360}
  height={240}
  autoplay={true}
  src={
    "https://cdn.videvo.net/videvo_files/video/premium/getty_124/large_watermarked/istock-950718922_preview.mp4"
  }
  poster={
    "https://images.unsplash.com/photo-1516026672322-bc52d61a55d5?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTB8fHN1bnNldCUyMGFmcmljYXxlbnwwfHwwfHx8MA%3D%3D&auto=format&fit=crop&w=200&q=60"
  }
  hideNavbar={false}
  hideControls={false}
  resizeMode="contain"
  libraryText="Episodes"
/>;

VideoPlayer Properties

| Property | Type | Default | Required | | :-------------- | :---------------------------------------------------: | :------------------------------------------------: | -------: | | src | string | undefined | Yes | | poster | string | undefined | Optional | | width | number | undefined | Yes | | height | number | undefined | Yes | | radius | number | undefined | Yes | | backgroundColor | string | #000 | Optional | | progressColor | string | #3f3f3f | Optional | | resizeMode | string | contain | Optional | | autoplay | boolean | false | Optional | | hideControls | boolean | false | Optional | | hideNavbar | boolean | false | Optional | | backHandler | function | undefined | Optional | | backIcon | string | chevron-back (react-native-vector-icons(ionicons)) | Optional | | showLibrary | boolean | false | Optional | | library | Array<{title: string; video: string; poster: string}> | [] | Optional | | libraryText | string | Episodes | Optional | | autoplay | boolean | false | Optional |

action Properties

| Property | Type | Default | Description | | :------- | :------: | :-------: | -----------: | | play | function | undefined | Play action | | pause | function | undefined | Pause action |

playStatus Properties

| Property | Type | Default | Description | | :------------- | :-----: | :-----: | -------------------------------------: | | isPlaying | boolean | false | Video is playing | | isBuffering | boolean | false | Video is buffering | | didJustFinish | boolean | false | Video just ended | | positionMillis | number | 0 | Video current position in milliseconds | | durationMillis | number | 0 | Video duration in milliseconds |

Maintainers

@kimolalekan