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 no UI components are included. You could use this with your own UI implementation, especially on handheld devices, to minimise confusion with the VideoJS UI appearing.

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

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.19.x-example-code.zip
  This contains application projects which demonstrate how to use the player features. Use the versions in the no-ui folder.

• opy-sdk-js-5.19.x-integration-no-ui.zip
  This is the reduced-size SDK binary file used for integration purposes.
  

• opy-sdk-js-5.19.x-quickmark.zip
  This is an additional SDK binary file for the QuickMark forensic watermarking feature.

Procedure

1. Prepare the hosted folder by creating a new folder on your website or localhost environment.

2. Unzip the opy-sdk-js-5.19.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.19.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.

   

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