Teyuto Player SDK for React Native

Teyuto provides a seamless solution for managing all your video distribution needs. Whether you require video distribution in the cloud, on OTT platforms, storage, public OTT platform distribution, or secure intranet distribution, Teyuto puts everything at your fingertips, making the management of your video content effortless.

TeyutoPlayer is a React Native library that allows you to embed a Teyuto video player in a React Native app using react-native-webview.

Installation

Make sure you have react-native-webview installed in your React Native project.

npm install react-native-webview

Then, install TeyutoPlayer:

npm install @teyuto/react-native-player

Usage

import React, { Component } from 'react';
import TeyutoPlayer from '@teyuto/react-native-player;
import { Button, View } from 'react-native';

export default class App extends Component {

  render() {
    return (
      <View style={{ flex: 1 }}>
        <TeyutoPlayer
          ref={(r) => (this.player = r)}
          channel="<CHANNEL_PUBLIC>" //required
          id="<VIDEO_ID>" //required
          controls='on'
          muted='off'
          autoplay='on'
          loop='on'
          playbackRates="off"
          qualitySelector="on"
          captions="on"
          seekButtons="on"
          playerColor="#000"
          lowLatency="on"
          token=''
         />

        <Button onPress={() => this.player.play()} title="Play" />
        <Button onPress={() => this.player.pause()} title="Pause" />

      </View>
    )
  }
}

Replace <VIDEO_ID> with your Teyuto video ID.