kodo-react-opentok

wrapper to opentok

Install

npm install --save kodo-react-opentok

Usage

import React, { Component } from 'react'

import MyComponent from 'kodo-react-opentok'
import 'kodo-react-opentok/dist/index.css'

export const mcAuth = {
    "apiKey": "xxxxxx",
    "sessionId": "xxxxxxxxx",
    "token": "xxxxxxxxxxx",
   "type": "VONAGE",
}



const sessionProps = {
  apiKey: mcAuth.apiKey,
  sessionId: mcAuth.sessionId,
  token: mcAuth.token,
}

const BaseExample = () => {
  const [pub, setPub] = React.useState(false)
  
  return ( 
    <div>
      <h5>Session  {pub && <Button onClick={() => setPub(false)}>Close session</Button>} </h5>
      {pub ? (
        <OtProvider {...sessionProps}>
          <TestPublishVideo></TestPublishVideo>
          <ConnectionSatus />
          <UnconnectedComp />

          <TestOtPublisher />
              
          <hr />
          <h5>CustomRefOtPublisher</h5>
          <CustomRefOtPublisher />
      
          <hr />
          <h5>Publisher</h5>
          <TestPublisher />
      
          <StreamsList />
          <hr/>
          <SubscribersList/>
          <hr/>
        </OtProvider>
      ) : (
          <Button color='primary' onClick={() => setPub(true)}>Open session</Button>
        )}
    </div>
  )
}

License

MIT © pa0lin082