Browsers and Connected TV SDK 5 Example Code Quick Start

This guide enables you to demonstrate CONNECT Player features and view the example code. For the Reduced Size SDK, see the  Reduced Size SDK Example Code Quick Start guide.

Prerequisites

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

• opy-sdk-js-5.12.x-integration.zip
• opy-sdk-js-5.12.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.12.x-integration.zip file and place the following files into your folder:
   • opy-sdk-js-all-integration.js
   • opy-sdk-js.css
3. Unzip the opy-sdk-js-5.12.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.

Example projects

Playback

• chapter-markers - Playback of clear streams with chapter markers.
• picture-in-page - Playback of clear streams with picture-in-page.
• resolution-capping - Playback of clear streams with the ability to cap bitrate and/or resolution.
• preview-thumbnails - Playback of clear streams with thumbnail previews.
• track-selection - Playback of clear streams with multi-audio and subtitles.
• dash-low-latency-playback - Playback of clear DASH streams with low latency.
• hls-low-latency-playback - Playback of clear HLS streams with low latency.

Encrypted playback

• dash-encrypted-playback - DRM playback of encrypted DASH streams.
• dash-encrypted-basic-callback - Playback of encrypted DASH streams using callbacks.
• dash-ssm - Playback of encrypted DASH streams with SSM.
• dash-customer-ssm - Playback of encrypted DASH streams with session management, licence acquisition and renewal handled by the client application.
• dash-encrypted-playback-with-properties - Playback of encrypted DASH streams using callbacks and SSM.
• hls-encrypted-playback - DRM playback of encrypted HLS streams.
• hls-encrypted-basic-callback - Playback of encrypted HLS streams using callbacks.
• hls-encrypted-ssm-playback - Playback of encrypted HLS streams with SSM.
• hls-customer-ssm - Playback of encrypted HLS streams with session management, licence acquisition and renewal handled by the client application.

Content security

• nexguard-quickmark - Demonstrates use of QuickMark forensic watermarking in pull mode.
• nexguard-quickmark-push - Demonstrates use of QuickMark forensic watermarking in push mode.

Statistics and analytics

• event-timeline - Playback of clear streams with feedback and analysis of performance tracking or playback issues.
• insight-analytics - Playback of clear streams with the ability to perform  Insight data collection.
• diagnostics - Playback of clear streams 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 documentation.