Browsers and Connected TV SDK 5 Example Code Quick Start

This guide enables you to demonstrate CONNECT Player features and view the example code.

Prerequisites

Download and unzip the SDK pack, which provides all the files needed to launch the player and start streaming content.

• opy-sdk-js-5.3.x-integration.zip
• opy-sdk-js-5.3.x-example-code.zip

Procedure

1. Prepare the hosted folder by creating a new folder on your website or localhost environment.
2. Unzip the opy-sdk-js-5.3.x-integration.zip file and place the following files into your folder:
   • opy-sdk-js-all-debug.js
   • opy-sdk-js.css
3. Unzip the opy-sdk-js-5.3.x-example-code.zip file and copy the basic-playback folder into your folder.
4. To test the player, navigate to the web page; the Big Buck Bunny stream should start playing.
5. You can add different features by repeating this procedure for each example code folder.
   • dash-encrypted-playback - DRM playback of DASH encrypted streams.
   • dash-encrypted-basic-callback - Playback of DASH encrypted streams using callbacks.
   • dash-ssm - Playback of DASH encrypted streams with SSM.
   • dash-customer-ssm - Playback of DASH encrypted streams with session management, licence acquisition and renewal handled by the client application.
   • dash-encrypted-playback-with-properties - Playback of DASH encrypted streams using callbacks and SSM.
   • hls-encrypted-playback - DRM playback of HLS encrypted streams.
   • hls-encrypted-basic-callback - Playback of HLS encrypted streams using callbacks.
   • hls-customer-ssm - Playback of HLS encrypted streams with session management, licence acquisition and renewal handled by the client application.
   • chapter-markers - Clear playback with chapter markers.
   • picture-in-page - Clear playback with picture-in-page.
   • preview-thumbnails - Clear playback with thumbnail previews.
   • track-selection - Clear playback with multi-audio and subtitles.
   • resolution-capping - Clear playback with the ability to cap bitrate and/or resolution.
   • diagnostics - Clear playback with the ability to perform diagnostics.

For full details on integrating the SDK, see the Browser and Connected TV SDK 5 Integration Guide. See also the API reference guide provided in the SDK pack.