react-native-text-tracks

Implementation-agnostic captions support for React Native video playback.

Table of Contents

- Installation
- Usage

Installation

``
$ yarn add react-native-text-tracks
`

Usage

`js
import Captions from 'react-native-text-tracks';

currentTime={currentTimeInMilliseconds}
currentTextTrack={{
source:
'https://bitdash-a.akamaihd.net/content/sintel/subtitles/subtitles_en.vtt',
}}
/>;
`

$3

- currentTime
- hasSeeked
- currentTextTrack
- containerStyle
- textStyle

#### currentTime

Integer with the current time. It should change every second, yes. A common use case would be having a video an setting a state with the current time as it changes.

#### hasSeeked

When the time is changed the Captions component should re evaluate the text track file and get the current text for the given time. You can pass a simple boolean and invert it every time the video seeked a new timestamp.

#### currentTextTrack

An object with the source` property containing the url. You can add more properties to this object, like name or lang, to use on the frontend for changing between each one.

#### containerStyle

The style for the container

#### textStyle

The style for the text