Add auto-cast feature.

src/components/autocast.js

@@ -0,0 +1,49 @@
+import events from 'events';
+import playbackManager from 'playbackManager';
+
+export function supported() {
+    return typeof(Storage) !== 'undefined';
+}
+
+export function enable(isEnabled) {
+    if (!supported()) return;
+
+    if (isEnabled) {
+        const currentPlayerInfo = playbackManager.getPlayerInfo();
+
+        if (currentPlayerInfo && currentPlayerInfo.id && currentPlayerInfo.id) {
+            localStorage.setItem('autocastPlayerId', currentPlayerInfo.id);
+        }
+    } else {
+        localStorage.removeItem('autocastPlayerId');
+    }
+}
+
+export function isEnabled() {
+    if (!supported()) return false;
+
+    const playerId = localStorage.getItem('autocastPlayerId');
+    const currentPlayerInfo = playbackManager.getPlayerInfo();
+
+    return (currentPlayerInfo && playerId && currentPlayerInfo.id === playerId);
+}
+
+function onOpen() {
+    if (!supported()) return;
+
+    const playerId = localStorage.getItem('autocastPlayerId');
+
+    playbackManager.getTargets().then(function (targets) {
+        for (var i = 0; i < targets.length; i++) {
+            if (targets[i].id == playerId) {
+                playbackManager.trySetActivePlayer(targets[i].playerName, targets[i]);
+                break;
+            }
+        }
+    });
+}
+
+const apiClient = window.connectionManager.currentApiClient();
+if (apiClient) {
+    events.on(apiClient, 'websocketopen', onOpen);
+}

src/components/playback/playerSelectionMenu.js

@@ -6,6 +6,7 @@ import playbackManager from 'playbackManager';
 import appRouter from 'appRouter';
 import globalize from 'globalize';
 import appHost from 'apphost';
+import * as autocast from 'autocast';
 
 function mirrorItem(info, player) {
     var item = info.item;
@@ -219,6 +220,16 @@ function showActivePlayerMenuInternal(dialogHelper, playerInfo) {
         html += '</label>';
     }
 
+    html += '</div><div>';
+
+    if (autocast.supported()) {
+        html += '<label class="checkboxContainer">';
+        var checkedHtml = autocast.isEnabled() ? ' checked' : '';
+        html += '<input type="checkbox" is="emby-checkbox" class="chkAutoCast"' + checkedHtml + '/>';
+        html += '<span>' + globalize.translate('EnableAutoCast') + '</span>';
+        html += '</label>';
+    }
+
     html += '</div>';
 
     html += '<div style="margin-top:1em;display:flex;justify-content: flex-end;">';
@@ -237,6 +248,12 @@ function showActivePlayerMenuInternal(dialogHelper, playerInfo) {
         chkMirror.addEventListener('change', onMirrorChange);
     }
 
+    var chkAutoCast = dlg.querySelector('.chkAutoCast');
+
+    if (chkAutoCast) {
+        chkAutoCast.addEventListener('change', onAutoCastChange);
+    }
+
     var destination = '';
 
     var btnRemoteControl = dlg.querySelector('.btnRemoteControl');
@@ -269,6 +286,10 @@ function onMirrorChange() {
     playbackManager.enableDisplayMirroring(this.checked);
 }
 
+function onAutoCastChange() {
+    autocast.enable(this.checked);
+}
+
 document.addEventListener('viewshow', function (e) {
     var state = e.detail.state || {};
     var item = state.item;