Skip to content

allmaxgit/react-native-opentok

 
 

Repository files navigation

react-native-opentok

React Native SDK for OpenTok platform.

Props

Prop Type
apiKey string
sessionId string
token string
cameraPosition string 'front' or 'back' (only for publisher)
------------ -------------
spinnerContainerStyle object or number
------------ -------------
onPublishStart function
onPublishError function
onPublishStop function
------------ -------------
onSubscribeStart function
onSubscribeError function
onSubscribeStop function
------------ -------------
publishAudio bool
publishVideo bool

Basic usage

Publisher

import { PublisherView } from 'react-native-opentok';

export default function Publisher() {
  return (
    <PublisherView
      apiKey={OPENTOK_API_KEY}
      sessionId={OPENTOK_SESSION_ID}
      token={OPENTOK_PUBLISHER_TOKEN}
      style={{ width: 300, height: 200 }}
    />
  );
}

Subscriber

import { SubscriberView } from 'react-native-opentok';

export default function Subscriber() {
  return (
    <SubscriberView
      apiKey={OPENTOK_API_KEY}
      sessionId={OPENTOK_SESSION_ID}
      token={OPENTOK_SUBSCRIBER_TOKEN}
      style={{ width: 300, height: 200 }}
    />
  );
}

Signaling

import { Session } from 'react-native-opentok';

Session.connect(OPENTOK_API_KEY, SESSION_ID, PUBLISHER_TOKEN || SUBSCRIBER_TOKEN);
Session.onMessageRecieved((e) => console.log(e));
Session.sendMessage('message');

About

React Native OpenTok

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Java 42.1%
  • Objective-C 39.7%
  • JavaScript 18.2%