Documentation

Working With System73

Introduction

WebRTC-powered (or peer-assisted) streaming offers a great way to improve viewer experience, reduce content delivery cost and keep customers happy with better QoE. We have partnered with System73 live content delivery with AI peer-assisted streaming solution to make System73 technology available with Radiant Media Player.

Ideal for live content, System73 Edge Intelligence applies logistics to your content delivery network to always deliver at the highest quality and in the most cost-effective way. System73 edge delivery and edge analytics solutions are also available and can be used on top of Radiant Media Player.

System73 is a Radiant Media Player technology alliance partner.

Scope of support

System73 support in Radiant Media Player is currently available in HLS for live and DVR streaming. You can expect marvels in the following environments:

  • Chrome, FireFox, Opera, MS Edge 79+ for Desktop
  • Chrome, FireFox, Opera, Samsung Internet for Android 5+
  • Ionic/Cordova/WebView for Android 5+
  • macOS and iPadOS Safari

All Radiant Media Player features can be used in conjunction with System73 peer-assisted technology. Where System73 peer-assisted solution support is not available (e.g. iOS Safari) the player will gracefully fallback to "classic" HLS delivery (e.g. not WebRTC-accelerated). You can obtain further technical information about System73 inner workings here.

Usage example

First you will need an account with System73 to obtain a System73 Key. If you do not already have one you can contact System73 here while mentioning you intend to use it with Radiant Media Player.

We will now prepare our player code. To help you out, we have made this as straight-forward as possible: you just need to add Radiant Media Player library first, then the System73 JavaScript library to your page <head> and configure Radiant Media Player and System73 accordingly. For existing System73 customers you can also test System73 Edge Intelligence support in Radiant Media Player with our free 14-day trial.

Player code example for Live HLS streaming

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="initial-scale=1, width=device-width, viewport-fit=cover">
  <title>TODO supply a title</title>
  <!-- RMP dependencies should be always called BEFORE the System73 SDK dependencies -->
  <script src="https://cdn.radiantmediatechs.com/rmp/9.15.6/js/rmp.min.js"></script>
  <!-- RMP and System73 SDK dependencies should be always called BEFORE the video (div) tag --> 
  <script src="https://cdn.s73cloud.com/4/s73-sdk-radiantplayerhls.js"></script>
</head>
<body>
  <!-- Player container element -->
  <div id="rmp"></div>
  <!-- Set up player configuration options -->
  <script>
    // System73 configuration
    const s73SdkConfig = {
      apiKey: 'your-system73-api-key'
    };
    // Streaming source - Live HLS
    const src = {
      hls: "https://your-hls-url.m3u8"
    };
    // Then we set our player settings
    const playerConfig = {
      licenseKey: 'your-license-key',
      src: src,
      width: 640,
      height: 360,
      // To enable System73 support for Apple devices
      forceHlsJSOnAppleDevices: true,
      autoplay: true 
    };
    const wrapper = S73RadiantPlayerHlsWrapper(s73SdkConfig);
    wrapper.wrapPlayerConfig(playerConfig);
    const rmp = new RadiantMP('rmp');
    // Wrap method must be called before RMP init method.
    wrapper.wrapPlayer(rmp);
    rmp.init(playerConfig);
  </script>
</body>
</html>

Visualize System73 data

On top of being a peer-assisted solution provider, System73 is also a video-analytics solution provider. System73 back-end offers a wealth of data to identify causes of congestion and understand how to deliver better live video content. We have seen great results when using System73 peer-assisted and analytics solution with Radiant Media Player including faster player start-up and reduced buffering, significant content delivery cost reduction, increased scalability and ultimately happier viewers.

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License.

©2015-2024 Radiant Media Player. All Rights Reserved.