Skip to main content

Installation

  1. To use the SDK in your website, simply add the following script tag to your HTML pages:
<script src="https://cdn.storyxpress.co/tesseract/lib/ts-playersdk-dev.min.js"></script>
  1. Once SX PlayerSDK has been loaded to your DOM, initialize the SDK using your credentials as shown below. The returned videoPlayer object can be used further.

What you'll need​

  • Javascript in your browser
  • A clientId and clientSecret from StoryXpress.
  • A valid StoryXpress project.
  • A master config file/object for customizations.
  • A root element in your HTML page.

Init a new player​

After importing the ts-player cdn follow these steps -

  • Initiate a new player.

The player will automatically be initialized in your project after you add the following snippet to your html.:

const MasterConfig = {
  RootElement: "root-element-id",
  src: "videoURL",
  type: "video/mp4",
  ...otherConfig
};

TesseractPlayer.ui.config(clientId, clientSecret)
  .then((sdk) => {
    sdk.initPlayer(MasterConfig);
  });