Radiant Media Player

Working with StriveCast



Guide sections


Introduction

At Radiant Media Player we are committed to providing support for the latest technologies from the online video world. WebRTC assisted streaming offers a great way to improve viewer experience and to reduce content delivery cost. As such we have partnered with StriveCast in order to make StriveCast eCDN & Analytics technology available out of the box with Radiant Media Player.

StriveCast solves the problem of network congestion in corporate networks during the use of video collaboration tools. Use StriveCast 100% browser-based eCDN to deliver high-quality webcasts and live events across your organization. StriveCast analytics enables you to visualize statistics of your live streaming events and webcasts – in real-time or on-demand.

In this article we will review how to use StriveCast eCDN & Analytics solution with Radiant Media Player.


Scope of support

StriveCast eCDN & Analytics solution in Radiant Media Player is currently available for live and DVR HLS streaming in the following environments:

  • Chrome for Desktop & Android
  • Firefox for Desktop & Android
  • MS Edge 79+ for Desktop
  • WebView for Android (Ionic, Cordova)
  • macOS and iPadOS Safari

All Radiant Media Player features can be used in conjunction with StriveCast eCDN technology. Where StriveCast support is not available (e.g. iOS Safari) the player will gracefully fallback to "classic" HLS delivery (e.g. not WebRTC-accelerated).


Usage example

First you will need an account with StriveCast to obtain your custom script tag to embed in your page. If you do not already have an account with StriveCast you can get in touch with them here.

We will now set up our player code. To help you out we have made this as straight forward as possible: you just need to add the JavaScript file for the StriveCast library and the Radiant Media Player library to your page <head> and you are good to go. Yes it is that simple! You can also test StriveCast support in Radiant Media Player with our free 14-day trial if you are an active StriveCast customer.

Complete player code example follows:

<!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>
  <!-- Include StriveCast library in your <head> -->
  <script src="YOUR_STRIVECAST_SCRIPT"></script>
  <!-- Include Radiant Media Player HLS-optimized library in your <body> or <head> -->
  <script src="https://cdn.radiantmediatechs.com/rmp/5.10.6/js/rmp-hlsjs.min.js"></script>
</head>
<body>
  <!-- Player container element -->
  <div id="rmpPlayer"></div>
  <!-- Set up player configuration options -->
  <script>
  // Streaming source - HLS in this example
  var src = {
    hls: 'https://your-hls-url.m3u8'
  };
  // Player settings
  var settings = {
    licenseKey: 'your-license-key',
    src: src,
    width: 640,
    height: 360, 
    contentMetadata: {
      poster: [
        'https://your-poster-url.jpg'
      ]
    }
  };
  var elementID = 'rmpPlayer';
  var rmp = new RadiantMP(elementID);
  rmp.init(settings);
  </script>
</body>
</html>

We have seen great results when using StriveCast eCDN solution with Radiant Media Player including faster player start-up and reduced buffering, significant content delivery cost reduction, increased streaming scalability and ultimately happier viewers. StriveCast Analytics can be accessed direclty in your StriveCast back-end to further fine tune your end-to-end content delivery solution.

So hop on the next-generation media streaming train and enjoy all Radiant Media Player features with StriveCast eCDN and Analytics technology.

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