Web - TypeScript/React
Follow this step-by-step tutorial on how to use CelebritySDK.

Requirements

Create a project

To create a project we recommended using the following stack: React + TypeScript.
  • Create an empty React + Typescript project
npx create-react-app my-app --template typescript

Add Celebrity SDK library to your project

  • Create .npmrc file. In the project’s root folder
  • Put your Access Token inside //registry.npmjs.org/:_authToken=YOUR_ACCESS_TOKEN.
  • Install Celebrity SDK via npm i @sscale/celebritysdk.
For more information on NPM installation look here.

Basic usage

Participant

  • Add the following import:
import { ParticipantAPI } from '@sscale/celebritysdk';
  • Create participant API instance:
const participantAPI = new ParticipantAPI();
  • Pass Watch Together access token (reference) to participant API instance:
participantAPI.setToken(WT_TOKEN);
  • Invite/check/uninvite celebrity to/from your live Watch Together session created using WT_TOKEN:
participantAPI.inviteCelebrity({})
.then(() => {})
.catch(e => {});
participantAPI.isCelebrityInvited()
.then((isInvited) => {})
.catch(e => {});
participantAPI.uninviteCelebrity()
.then(() => {})
.catch(e => {});

Celebrity

  • Add the following import:
import { CelebrityAPI } from '@sscale/celebritysdk';
  • Create celebrity API instance:
const celebrityAPI = new CelebrityAPI();
  • Login with username/password provided by Sceenic:
celebrityAPI.login(username, password)
.then(() => {})
.catch(e => {});
  • Subscribe to the list of available video/audio chat sessions:
celebrityAPI.subscribe(
({total, sessions}) => {},
(e) => {}
);
  • Unsubscribe/logout:
celebrityAPI.unsubscribe();
celebrityAPI.logout();
Have a look at the API Documentation here.

Support

Need technical support? Contact us at [email protected].
Copy link
On this page
Requirements
Create a project
Add Celebrity SDK library to your project
Basic usage
Participant
Celebrity
Support