Skip to content

HTML5 SDK Players

Ooyala

Downloads

In order to download the resources needed to connect to the System73 SDK's overlay, the following assets are provided from System73's CDN servers:


The following HTML5 code snippet shows how to include Our SDK and the Ooyala plugin in addition to the player scripts. The needed configuration for your application and player may differ from this. Please check the player's official documentation for any further details.

Notes

Ooyala dependencies should be called always BEFORE the System73's SDK dependencies.

Ooyala and System73's SDK dependencies should be called always BEFORE the <video> tag.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>System73 PolyNet</title>

<body>
    <!-- This embed code automatically includes and packages standard Player V4 plugins. If you need a different mix of plugins, please use the Advanced embed option. To see the included plugins, please refer to this doc: http://help.ooyala.com/video-platform/concepts/pbv4_release_notes.html -->
    <!-- Ooyala should be always called BEFORE the System73 PolyNet dependencies -->
    <script src="//player.ooyala.com/core/<OOYALA_PLAYER_ID>"></script>
    <script src="//player.ooyala.com/static/v4/stable/latest/video-plugin/bit_wrapper.min.js"></script>

    <!-- Ooyala and System73 PolyNet dependencies should be always called BEFORE the video tag. -->
    <script src="//cdn.s73cloud.com/3/s73-polynet-sdk-video.min.js"></script>
    <script src="//cdn.s73cloud.com/3/s73-polynet-plugin-ooyala.min.js"></script>

    <!-- The following div will contain the instantiated player, and is identified by id -->
    <div id='container_1532428174' ></div>

    <!-- Player parameter modify some basic player behaviors and looks -->
    <script>
      var polyNetConfig = {
        apiKey: '<YOUR_API_KEY>', // mandatory
        mss: '<YOUR_MSS_API_KEY>', // optional  
        channelId: '<CHANNEL_ID>' // optional
      };
      var playerConfig = {
        // Add your custom player configuration here
        loop: false,
        polyNetConfig: polyNetConfig
      };

      OO.ready(function() {
        window.pp = PolyNetPluginOoyala.Create('container_1532428174', '<OOYALA_CONTENT_ID>', playerConfig);
      });
    </script>
</body>
</html>

The following parameters are used when performing an integration with System73's SDK:

  • (String)YOUR_API_KEY: is a required value, and it is used as the authentication key to access to the System73 SDK network.
  • (String)YOUR_MSS_API_KEY: is an optional value, and it is used as the authentication key to get midstream switching.
  • (String)CHANNEL_ID: is an optional value, and it is used as the identifier of the desired System73 SDK's channel.

Contact us in order to obtain it.