Add DRM chromecast example

drm-and-chromecast/receiver.js

@@ -0,0 +1,37 @@
+/**
+ * DEBUGGING
+ */
+// https://developers.google.com/cast/docs/debugging/cast_debug_logger
+const castDebugLogger = cast.debug.CastDebugLogger.getInstance();
+const LOG_TAG = 'MUX';
+castDebugLogger.setEnabled(true);
+
+// Debug overlay on tv screen. You don't need this if you're debugging using the cast tool (https://casttool.appspot.com/cactool) as it will show the logs in your browser.
+castDebugLogger.showDebugLogs(true);
+
+castDebugLogger.loggerLevelByTags = {
+    [LOG_TAG]: cast.framework.LoggerLevel.DEBUG,
+};
+
+/**
+ * DRM SUPPORT
+ */
+context.getPlayerManager().setMediaPlaybackInfoHandler((loadRequest, playbackConfig) => {
+    const customData = loadRequest.media.customData || {};
+
+    if (customData.mux && customData.mux.tokens.drm) {
+        castDebugLogger.debug(LOG_TAG, 'Setting license URL.');
+        playbackConfig.licenseUrl = `https://license.mux.com/license/widevine/${customData.mux.playbackId}?token=${customData.mux.tokens.drm}`;
+    }
+
+    playbackConfig.protectionSystem = cast.framework.ContentProtection.WIDEVINE;
+
+    castDebugLogger.debug(LOG_TAG, 'license url', playbackConfig.licenseUrl);
+
+    return playbackConfig;
+});
+
+/**
+ * START LISTENING FOR CASTS
+ */
+context.start();

drm-and-chromecast/sender.js

@@ -0,0 +1,39 @@
+function playVideo(context) {
+    const playbackId = '...';
+    const playbackToken = '...';
+    const drmToken = '...';
+    const mediaUrl = `https://stream.mux.com/${playbackId}.m3u8?token=${playbackToken}`;
+    let mediaInfo = new chrome.cast.media.MediaInfo(mediaUrl, 'application/x-mpegurl');
+
+    // Mux HLS URLs with DRM will always use `fmp4` segments.
+    mediaInfo.hlsSegmentFormat = chrome.cast.media.HlsSegmentFormat.FMP4;
+    mediaInfo.hlsVideoSegmentFormat = chrome.cast.media.HlsVideoSegmentFormat.FMP4;
+
+    // Send the information needed to create a new license url.
+    mediaInfo.customData = {
+        mux: {
+            playbackId,
+            tokens: {
+                drm: drmToken
+            }
+        }
+    }
+
+    const request = new chrome.cast.media.LoadRequest(mediaInfo);
+
+    // Cast the video.
+    context.getCurrentSession().loadMedia(request).then(() => {
+        console.log('Load Succeeded');
+    }).catch((err) => {
+        console.log(`Error code: ${errorCode}`);
+    });
+}
+let context = cast.framework.CastContext.getInstance();
+context.addEventListener(cast.framework.CastContextEventType.SESSION_STATE_CHANGED, function(event) {
+  switch (event.sessionState) {
+    case cast.framework.SessionState.SESSION_STARTED:
+    case cast.framework.SessionState.SESSION_RESUMED:
+      playVideo(context);
+      break;
+  }
+});