refactor mediaSession to support NativeShell API

src/components/playback/mediasession.js

@@ -1,5 +1,10 @@
 define(['playbackManager', 'nowPlayingHelper', 'events', 'connectionManager'], function (playbackManager, nowPlayingHelper, events, connectionManager) {
     "use strict";
+    
+    // no support for mediaSession
+    if (!navigator.mediaSession && !window.NativeShell) {
+        return;
+    }
 
     // Reports media playback to the device for lock screen control
 
@@ -64,15 +69,16 @@ define(['playbackManager', 'nowPlayingHelper', 'events', 'connectionManager'], f
         return null;
     }
 
-    function pushImageUrl(item, height, list) {
+    function pushImageUrl(item, imageOptions, list) {
-
-        var imageOptions = {
-            height: height
-        };
-
         var url = seriesImageUrl(item, imageOptions) || imageUrl(item, imageOptions);
+
         if (url) {
-            list.push({ src: url, sizes: height + 'x' + height });
+            var height = imageOptions.height || imageOptions.maxHeight;
+
+            list.push({
+                src: url,
+                sizes: height + 'x' + height
+            });
         }
     }
 
@@ -80,12 +86,12 @@ define(['playbackManager', 'nowPlayingHelper', 'events', 'connectionManager'], f
 
         var list = [];
 
-        pushImageUrl(item, 96, list);
+        pushImageUrl(item, {height: 96}, list);
-        pushImageUrl(item, 128, list);
+        pushImageUrl(item, {height: 128}, list);
-        pushImageUrl(item, 192, list);
+        pushImageUrl(item, {height: 192}, list);
-        pushImageUrl(item, 256, list);
+        pushImageUrl(item, {height: 256}, list);
-        pushImageUrl(item, 384, list);
+        pushImageUrl(item, {height: 384}, list);
-        pushImageUrl(item, 512, list);
+        pushImageUrl(item, {height: 512}, list);
 
         return list;
     }
@@ -99,6 +105,19 @@ define(['playbackManager', 'nowPlayingHelper', 'events', 'connectionManager'], f
             return;
         }
 
+        // dummy this up
+        if (eventName == 'init') {
+            eventName = 'timeupdate';
+        }
+
+        var isVideo = item.MediaType === 'Video';
+        var isLocalPlayer = player.isLocalPlayer || false;
+
+        // Local players do their own notifications
+        if (isLocalPlayer && isVideo) {
+            return;
+        }
+
         var playState = state.PlayState || {};
 
         var parts = nowPlayingHelper.getNowPlayingNames(item);
@@ -106,8 +125,6 @@ define(['playbackManager', 'nowPlayingHelper', 'events', 'connectionManager'], f
         var artist = parts.length === 1 ? '' : parts[0].text;
         var title = parts[parts.length - 1].text;
 
-        var isVideo = item.MediaType === 'Video';
-
         // Switch these two around for video
         if (isVideo && parts.length > 1) {
             var temp = artist;
@@ -131,18 +148,54 @@ define(['playbackManager', 'nowPlayingHelper', 'events', 'connectionManager'], f
         var isPaused = playState.IsPaused || false;
         var canSeek = playState.CanSeek || false;
 
-        navigator.mediaSession.metadata = new MediaMetadata({
+        var now = new Date().getTime();
-            title: title,
+
-            artist: artist,
+        // Don't go crazy reporting position changes
-            album: album,
+        if (eventName == 'timeupdate' && (now - lastUpdateTime) < 5000) {
-            artwork: getImageUrls(item),
+            // Only report if this item hasn't been reported yet, or if there's an actual playback change.
-            albumArtist: albumArtist,
+            // Don't report on simple time updates
-            currentTime: currentTime,
+            return;
-            duration: duration,
+        }
-            paused: isPaused,
+
-            itemId: itemId,
+        lastUpdateTime = now;
-            mediaType: item.MediaType
+
-        });
+        if (navigator.mediaSession){
+            navigator.mediaSession.metadata = new MediaMetadata({
+                title: title,
+                artist: artist,
+                album: album,
+                artwork: getImageUrls(item),
+                albumArtist: albumArtist,
+                currentTime: currentTime,
+                duration: duration,
+                paused: isPaused,
+                itemId: itemId,
+                mediaType: item.MediaType
+            });
+        } else {
+            var imageUrl = [];
+            pushImageUrl(item, {maxHeight: 400}, imageUrl);
+
+            if (imageUrl.length) {
+                imageUrl = imageUrl[0].src;
+            } else {
+                imageUrl = null;
+            }
+        
+            window.NativeShell.updateMediaSession({
+                action: eventName,
+                isLocalPlayer: isLocalPlayer,
+                itemId: itemId,
+                title: title,
+                artist: artist,
+                album: album,
+                duration: duration,
+                position: currentTime,
+                imageUrl: imageUrl,
+                canSeek: canSeek,
+                isPaused: isPaused
+            });
+        }
     }
 
     function onGeneralEvent(e) {
@@ -191,7 +244,13 @@ define(['playbackManager', 'nowPlayingHelper', 'events', 'connectionManager'], f
     }
 
     function hideMediaControls() {
-        navigator.mediaSession.metadata = null;
+        lastUpdateTime = 0;
+
+        if (navigator.mediaSession) {
+            navigator.mediaSession.metadata = null;
+        } else {
+            window.NativeShell.hideMediaSession();
+        }
     }
 
     function bindToPlayer(player) {
@@ -215,34 +274,37 @@ define(['playbackManager', 'nowPlayingHelper', 'events', 'connectionManager'], f
         events.on(currentPlayer, 'timeupdate', onGeneralEvent);
     }
 
-    function execute(name) {
+    if (navigator.mediaSession) {
-        playbackManager[name](currentPlayer);
+
+        function execute(name) {
+            playbackManager[name](currentPlayer);
+        }
+
+        navigator.mediaSession.setActionHandler('previoustrack', function () {
+            execute('previousTrack');
+        });
+    
+        navigator.mediaSession.setActionHandler('nexttrack', function () {
+            execute('nextTrack');
+        });
+    
+        navigator.mediaSession.setActionHandler('play', function () {
+            execute('unpause');
+        });
+    
+        navigator.mediaSession.setActionHandler('pause', function () {
+            execute('pause');
+        });
+    
+        navigator.mediaSession.setActionHandler('seekbackward', function () {
+            execute('rewind');
+        });
+    
+        navigator.mediaSession.setActionHandler('seekforward', function () {
+            execute('fastForward');
+        });
     }
 
-    navigator.mediaSession.setActionHandler('previoustrack', function () {
-        execute('previousTrack');
-    });
-
-    navigator.mediaSession.setActionHandler('nexttrack', function () {
-        execute('nextTrack');
-    });
-
-    navigator.mediaSession.setActionHandler('play', function () {
-        execute('unpause');
-    });
-
-    navigator.mediaSession.setActionHandler('pause', function () {
-        execute('pause');
-    });
-
-    navigator.mediaSession.setActionHandler('seekbackward', function () {
-        execute('rewind');
-    });
-
-    navigator.mediaSession.setActionHandler('seekforward', function () {
-        execute('fastForward');
-    });
-
     events.on(playbackManager, 'playerchange', function () {
 
         bindToPlayer(playbackManager.getCurrentPlayer());