@phenixrts/bitmovin-plugin

Phenix RTS SDK Bitmovin plugin

This project demonstrates the integration of the popular web video player Bitmovin with the PhenixRTS SDK.

Setup

1. Install the Bitmovin web-x player

   npm i @bitmovin/player-web-x

2. Install the Phenix RTS SDK Bitmovin plugin

   npm i @phenixrts/bitmovin-plugin

3. Install the Phenix RTS SDK

   npm i @phenixrts/sdk

4. Initialize the web-x player with the Phenix RTS SDK Bitmovin plugin

       import { Player } from '@bitmovin/player-web-x/bundles/playerx-core';
       ...
       import { PhenixSdkApi } from '@phenixrts/bitmovin-plugin';
       import { PhenixSdkPlugin } from '@phenixrts/bitmovin-plugin/dist/phenix-sdk-plugin';
       ...
       const player = Player({
           key: <bitmovin_key>,
           ui: false
       });
       player.packages.add(PhenixSdkApi);
       player.packages.add(PhenixSdkPlugin);
       ...
       const channel = player.phenixrts.createChannel(<token>)

Run the example

1. Publish a stream via Phenix RTS Portal.
2. Make sure you are in the examples folder and run:

   npm install

3. Start the example with:

   npm run start

4. Create a viewing token using the Phenix RTS Portal.
   • Go to Channels
   • Select the channel in which the stream was published
   • Go to the EdgeAuth tab
   • Copy the viewing token
5. Open the locally served URL and at the end add a 'token' query parameter and the previously generated token: http://127.0.0.1:5173/phenixrts-sdk-plugin-for-real-time.html?token=<viewToken>.