Skip to main content
Version: 11.8.0

IRIS.TV on Web

Iris.TV is a recommendation engine. When hooking THEOplayer to the Iris.TV SDK, a UI is overlaid over the player UI, which can be used to navigate through recommendations.

This guide describes how to do a custom Iris.TV integration in THEOplayer.

Prerequisites​

  1. You have a THEOplayer license and library. If you don't have THEOplayer yet, you can start your free trial here, or contact your account manager.
  2. You have a working THEOplayer setup. See "Getting started on Web".

Include the Iris.TV SDK​

Include the Iris.TV JavaScript library right before where you include the THEOplayer library:

<script type="text/javascript" src="https://ovp.iris.tv/libs/adaptive/iris.adaptive.js"></script>

Include the custom integration​

Include the script tag referencing the file with the custom integration code right after where you include the THEOplayer library:

<script type="text/javascript" src="https://cdn.theoplayer.com/demos/iristv/THEOplayer.iristv.js"></script>

You can also add extra styling on top of the Iris.TV UI:

<link rel="stylesheet" type="text/css" href="https://cdn.theoplayer.com/demos/iristv/THEOplayer.iristv.css" />

Initialize THEOplayerIrisTv​

To start displaying the Iris.TV UI, call THEOplayerIrisTv() (from THEOplayer.iristv.js), and pass along the THEOplayer instance and your Iris.TV configuration. For example:

const irisOptions = {
  client_token: '51afa098ah',
  platform_id: '5798d994ef995e0d18000176',
};

THEOplayerIrisTv(player, irisOptions);

Sample application​

A live demo can be viewed at https://cdn.theoplayer.com/demos/iristv/iristv.html.

Resources​