Get Started with Phenix and Bitmovin: Real-Time Video at Scale

Resources
, , , ,
1

We’re excited to share that Phenix and Bitmovin have teamed up to offer a streamlined solution for real-time video delivery at scale. This integration brings together Phenix’s real-time video streaming with Bitmovin’s Player Web X, now enhanced with server-side ad insertion (SSAI), making it easier than ever to deliver high-quality video and generate ad revenue.

How to Get Started

1. Install Dependencies

Use npm to install the required dependencies:
npm install @bitmovin/player-web-x@10.0.0-beta.14 @phenixrts/sdk@2023.2.17 @phenixrts/bitmovin-plugin@^2024.0.0

2. Publish and Create a Viewing Token

Publish your content to a channel and create a viewing token in the Phenix Customer Portal.

3. Set Up the Player

Create an index.js file with the following content, replacing VIEWING_TOKEN with the token you generated in the portal:

import {Player} from '@bitmovin/player-web-x/bundles/playerx-core';
import {SourcePackage} from '@bitmovin/player-web-x/packages/playerx-source.package';
import {SourcesApiPackage} from '@bitmovin/player-web-x/packages/playerx-sources-api.package';
import {PhenixSdkApi} from '@phenixrts/bitmovin-plugin/packages/phenix-sdk-api';
import {PhenixSdkPlugin} from '@phenixrts/bitmovin-plugin/packages/phenix-sdk-plugin';

const playerContainer = document.getElementById('player-container'); // player-container is div with id 'player-container' that will have video element
const player = Player(playerContainer, {key: 'BITMOVIN_LICENSE_KEY'});
const token = "DIGEST:..."

player.packages.add(SourcePackage);
player.packages.add(SourcesApiPackage);
player.packages.add(PhenixSdkApi);
player.packages.add(PhenixSdkPlugin);

const channel = player.phenixrts.createChannel(token);

Replace BITMOVIN_LICENSE_KEY with your Bitmovin license key, which you can get from your Bitmovin account.

4. Package and Run the Project
Use a packager like Parcel to package your project. For example, run:

npx parcel index.js

After running this command, open the URL printed in the console to view your player and stream.

Phenix: Real-Time Streaming with Minimal Latency

Phenix is designed to supercharge your live broadcasts and interactive streams, delivering them globally with ultra-low latency (under half a second!). This means your viewers can watch and interact with your content in real-time, without the long delays typical of traditional streaming. Plus, Phenix’s SSAI ensures you can monetize your content without compromising on speed.

Bitmovin Web Player: Smooth Playback Everywhere

Bitmovin’s is built to ensure your videos play smoothly on any browser, regardless of the device. The open-source plugin system makes integration easy and gives you the tools to maintain high-quality playback. The latest update also includes compatibility with Phenix Real-Time SSAI, so you can combine flawless playback with real-time ad insertion.

Why This Integration Matters

By combining Phenix and Bitmovin, you get:

  • Real-Time Interaction: Phenix’s ultra-low latency streaming means no more spoilers, allowing your audience to engage in real-time.
  • Monetization Made Simple: SSAI lets you insert ads seamlessly, helping you generate revenue without impacting viewer experience.
  • Reliable Playback: Bitmovin ensures your videos look great and run smoothly on any browser.
  • Easy Integration: The unified APIs and plugin architecture simplify the setup process.

    • Sign up today 🎉

    If you’re not already using Phenix sign up for free trial then come back here.

    If you’re already using Bitmovin, adding Phenix real-time streaming is straightforward, keep reading: