4K (a.k.a. UHD) video allow for a new and improved viewer experience. Radiant Media Player provides a smart and configurable approach to 4K video rendering for both HLS and DASH.
4K video is best delivered with an adaptive bitrate streaming technology. While it is technically possible to deliver 4K content with progressive download this is likely to cause playback issues for your viewers as client-side bandwidth may be step or fluctuating. 4K content is best delivered to Radiant Media Player 4K in DASH WebM with VP9 video codec or DASH/HLS wtih H.264 video codec. We recommend using DASH WebM with VP9 video codec whenever possible as it generally achieves better quality than H.264 at a given bitrate. When (and if) H.265 becomes widely available in web-based environment this approach may change. However it is to be noted that as of Q1 2017 none of the major browsers on the market support H.265 decoding. You can deliver 4K content for on-demand, live or DVR video streaming.
In order to properly decode 4K content one device should meet the below requirements:
Decoding 4K video content can be taxing. Especially when coupled with other player features like DRM or AES-128/SAMPLE-AES decryption. On older devices playback may become erratic.
<script src="https://cdn.radiantmediatechs.com/rmp/4.2.7/js/rmp.min.js"
integrity="sha384-C0sSn+J+s5Dqpm+q4b3+LYtSJvBnjJzqVnne0z+m+cWPz2Nkw6pSoBKTkBkt3/R2"
crossorigin="anonymous"></script>
<div id="rmpPlayer"></div>
<script>
var bitrates = {
dash: '//storage.googleapis.com/shaka-demo-assets/sintel/dash.mpd',
hls: 'https://dqwp3xzzbfhtw.cloudfront.net/vod/sintel-4k.smil/playlist.m3u8'
};
var settings = {
licenseKey: 'your-license-key',
bitrates: bitrates,
width: 948,
height: 404,
skin: 's3',
poster: 'https://www.radiantmediaplayer.com/images/poster-rmp-4k.jpg',
// In this case we have 4K with DASH WebM VP9 and we want this first where supported
// WebM VP9 generally produces better results than H.264
dashFirst: true,
// This helps selecting the appropriate bitrate at startup
hlsJSStartLevel: -1,
// Only show 4K rendition on 4K capable screen
// For 360 video with 4K rendition this should always be set to false
hlsJSCapLevelToPlayerSize: true
};
var elementID = 'rmpPlayer';
var rmp = new RadiantMP(elementID);
rmp.init(settings);
</script>