Adding the PolyNet HTML5 SDK with FlowPlayer

Downloads

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


The following HTML5 code snippet shows how to include the PolyNet SDK and PolyNet FlowPlayer/hls.js plugin in addition to the player scripts. The configuration needed for your application and player may differ from this. Please check the official documentation of the player for further details.

NOTE: FlowPlayer dependencies should be always called BEFORE the System73 PolyNet dependencies.

NOTE: FlowPlayer and System73 PolyNet dependencies should be always called BEFORE the video tag.

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

    <!-- FlowPlayer should be always called BEFORE the System73 PolyNet dependencies -->
    <link rel="stylesheet" href="//releases.flowplayer.org/7.1.2/skin/skin.css">

    <script src="//releases.flowplayer.org/7.1.2/flowplayer.min.js"></script>

    <!-- FlowPlayer and System73 PolyNet dependencies should be always called BEFORE the video tag. -->
    <script src="//cdn.s73cloud.com/3.0/s73-polynet-sdk-video.min.js" type="application/javascript"></script>
    <script src="//cdn.s73cloud.com/3.0/s73-polynet-plugin-flowplayer-hlsjs.min.js" type="application/javascript"></script>


  </head>
  <body>
    <div id="flowplayer-hlsjs"></div>

    <script>
      const container = document.getElementById("flowplayer-hlsjs");
      const player = flowplayer(container, {
         // Add your custom player configuration here
         clip: {
             live: true,
             sources: [{
                src: '<MANIFEST_URL>',
                type: 'application/vnd.apple.mpegURL'
             }]
         },
         polyNetConfig: {
             apiKey: '<YOUR_API_KEY>', // mandatory
             channelId: '<CHANNEL_ID>' // optional
         }
     })

    </script>
  </body>
</html>

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

Contact us in order to obtain it.