Radiant Media Player

Web-based mobile applications support



Web-based mobile applications documentation sections


Scope of support for building web-based mobile applications with Radiant Media Player

You can use Radiant Media Player to build media-oriented web-based mobile applications on Android and iOS. The player is equipped with various optimisations, notably file:// protocol support, to work in the following environments:

  • WebViews created from native code
  • Applications built on top of Apache Cordova: this includes support for frameworks and tools like Ionic or PhoneGap
  • Standalone web applications

Using Radiant Media Player in a WebView or in a Cordova-based application is only available for PLATFORM edition customers.


Supported OS

Radiant Media Player can be used to build web-based mobile applications for the following mobile OS:

  • Android 5+
  • iOS 9+

It is possible that Radiant Media Player used in web-based mobile applications would work on previous versions of Android or iOS but they are not officially supported.


Supported features

All player features available for the mobile web are generally available with Radiant Media Player for web-based mobile applications. Below is a non-exhaustive list of features you can expect to be available or not when using Radiant Media Player in a web-based mobile application:

Feature Android iOS
HLS (Clear or AES-128/SAMPLE-AES or Widevine DRM)
DASH (Clear or Widevine DRM)
Progressive download
HTML5 video ads (1)
VOD & Live streaming
DVR streaming (2)
360 video (3)
Autoplay (with audio) support (4)
Mobile-first & responsive UI
Player API
Google Cast (5)
Offline mode (6)
  • (1) video ads in web-based mobile applications are rendered through rmp-vast, refer to this article for a list of supported ad types. Displaying ads through the IMA SDK in web-based mobile applications is not available as this is not a supported use-case for the IMA SDK.
  • (2) on iOS DVR streams are presented as simple live streams.
  • (3) support for 360 video in iOS is not currently available - a non-360 fallback stream can be provided.
  • (4) autoplay (with audio) is available in WebView and Cordova-based applications when the file protocol is used. In standalone mode or in WebViews with http(s) protocol only muted autoplay is supported.
  • (5) Google Cast is only available in standalone web applications or in Chrome for Android but not in WebView and Cordova-based applications.
  • (6) currently the player requires an Internet connection to display media content.

Using Radiant Media Player in a WebView

A WebView is a view generated by native code on Android or iOS that displays web content. When embedded in a WebView the player assumes the file:// protocol is used and opts for various optimisation to better fit this environment. In such cases the player adds the rmp-webview class to its container (HTML element with the rmp-container class). You can also query the player API isWebView method which should return a boolean clearly stating if the player is currently used in a WebView or not.


Using Radiant Media Player in a Cordova-based application

Refer to our Working with Apache Cordova guide.


Using Radiant Media Player in a PhoneGap-based application

Refer to our Working with Adobe PhoneGap guide.


Using Radiant Media Player in a standalone web application

A standalone web application is designed to look and behave in a way similar to a native application - for example, it is scaled to fit the entire screen of a device. You can tailor your web application for Safari on iOS or Chrome for Android even further, by making it appear like a native application when the user adds it to the "Home screen".

When embedded in a standalone web application the player adds the rmp-standalone class to its container (HTML element with the rmp-container class). You can also query the player API isStandalone method which should return a boolean clearly stating if the player is currently used in a standalone web-app or not.


iOS

Apple has documentation on how to configure standalone web applications. Notably this is achieved by adding the following meta tag to your HTML page:

<meta name="apple-mobile-web-app-capable" content="yes">

Android

For Chrome on Android Google has a guide for Installable Web Apps with the Web App Manifest. This approach follows the W3C Web App Manifest specification which is also available in Firefox and Opera.

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