Reduced Size SDK Example Code Quick Start

This guide enables you to demonstrate CONNECT Player features and view the example code in the Reduced Sized SDK mode where there are no UI components included. It is envisaged you could use this with your own UI implementation, especially on handheld devices to minimise confusion with the VideoJS UI appearing also.

Prerequisites

Download and unzip the Reduced Size 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-no-ui.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-no-ui.zip file and place the following files into your folder:
   • opy-sdk-js-all-no-ui-integration.js
   • opy-sdk-js.css
3. Unzip the opy-sdk-js-5.12.x-example-code.zip file and copy the no-ui/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.
   • no-ui/track-selection - Clear playback with multi-audio and subtitles.

For full details on integrating the SDK, see the Browser and Connected TV SDK 5 Integration Guide. See also the API documentation.

To eliminate the Native control bar appearing on handheld devices, you should include the playsInline attribute within the <video> tag:

 <video ... playsInline />