Theta Video API DRM Player

Install

npm install --save theta-video-api-drm-player

Usage

import React, { Component } from 'react'

import { StudioPlayer } from 'theta-video-api-drm-player'
import 'theta-video-api-drm-player/dist/index.css'

const Example = () => {
  const walletConnectParams = {
    appName: "Your App Name",
    projectId: "Your Project ID"
  };

  // USE connectButtonAlt ONLY IF YOU DON'T WANT THE CONNECT WALLET BUTTON
  // AND WANT TO PROVIDE YOUR OWN CONNECT BUTTON
  const connectButtonAlt = {
    label: "Button Label",
    link: "Button Link"
  };

  const params = {
    signin: signin,
    jwt: jwt,
    autoconnect: true|false,
    useBeta: false|true,
    connectButtonAlt: connectButtonAlt
  }


  const videoJsParams = {
    tracks: [{
      kind: 'captions',
      src: '/path/to/subtitles.vtt',
      srclang: 'en',
      label: 'English',
      default: true
    }]
  }

  const events = {
    onAccessOK: () => {
      console.log('onAccessOK')
    },
    onAccessDenied: (e) => {
      console.log('onAccessDenied', e)
    },
    onInit: (e) => {
      console.log('onInit', e)
    }
  }

  return (
    <StudioPlayer
      videoId={"Video ID"}
      walletConnectParams={walletConnectParams}
      params={params}
      videoJsParams={videoJsParams}
      events={events}
    />
  );
}

Params

• jwt : pass a JWT to automatically allow a user
• signin : pass a signin JSON to automatically allow a user using sign typed data v4 (disabled if you're already sending a JWT)
• autoconnect : will automatically try to connect to your wallet
• useBeta : for internal testing if using beta TVA
• connectButtonAlt : setup an alternative connect button with a label and a link

VideoJS Parameters

Any param for VideoJS can be passed in the videoJsParams object including subtitles like the example above

Events

• onAccessOK : called when the user has access to the video
• onAccessDenied : called when the user does not have access to the video
• onInit : called when the player is initialized with the player object as parameter

Wallet Connect Parameters

The walletConnectParams object should contain the following properties:

{
    "projectId": "your_project_id",
    "appName": "your_app_name"
}

See Wallet Connect documentation for more details

Build library

npm run build
npm deploy