feat: add option doNotRememberSelectedPlayer

Author: punxaphil

README.md

@@ -210,6 +210,7 @@ showChannelInPlayer: true # default is false. Will show the channel (if availabl
 hidePlaylistInPlayer: true # default is false. Will hide the playlist name in the player section.
 stopInsteadOfPause: true # default is false. Will show the stop button instead of the pause button when media is playing.
 storePlayerInSessionStorage: true # default is false. If set to true, the active player will be stored in the session storage instead of URL hash.
+doNotRememberSelectedPlayer: true # default is false. If set to true, the selected player will not be remembered in URL hash or session storage.
 
 # media browser specific
 favoritesItemsPerRow: 1 # default is 4. Use this to show items as list.
@@ -344,6 +345,8 @@ You can change this behavior to use the browser's session storage by setting `st
 
 If `entityId` is configured for the card, both the URL hash and session storage will be ignored on initial load. See more in the Usage section above.
 
+If you never want to remember the selected player, you can set `doNotRememberSelectedPlayer: true` to an empty string.
+
 ## Sort order of entities
 
 If you want to have a custom sorting for your entities in the groups section you can use the `entities` configuration. 

src/card.ts

@@ -124,7 +124,7 @@ export class Card extends LitElement {
     }
     window.addEventListener(CALL_MEDIA_STARTED, this.callMediaStartedListener);
     window.addEventListener(CALL_MEDIA_DONE, this.callMediaDoneListener);
-    if (!this.config.storePlayerInSessionStorage) {
+    if (!this.config.storePlayerInSessionStorage && !this.config.doNotRememberSelectedPlayer) {
       window.addEventListener('hashchange', this.hashChangeListener);
     }
   }

src/components/group.ts

@@ -73,11 +73,13 @@ class Group extends LitElement {
   private handleGroupClicked() {
     if (!this.selected) {
       this.selected = true;
-      if (this.store.config.storePlayerInSessionStorage) {
-        window.sessionStorage.setItem(SESSION_STORAGE_PLAYER_ID, this.player.id);
-      } else {
-        const newUrl = window.location.href.replace(/#.*/g, '');
-        window.location.replace(`${newUrl}#${this.player.id}`);
+      if (!this.store.config.doNotRememberSelectedPlayer) {
+        if (this.store.config.storePlayerInSessionStorage) {
+          window.sessionStorage.setItem(SESSION_STORAGE_PLAYER_ID, this.player.id);
+        } else {
+          const newUrl = window.location.href.replace(/#.*/g, '');
+          window.location.replace(`${newUrl}#${this.player.id}`);
+        }
       }
       this.dispatchEntityIdEvent();
     }

src/editor/advanced-editor.ts

@@ -169,6 +169,10 @@ export const ADVANCED_SCHEMA = [
     name: 'storePlayerInSessionStorage',
     selector: { boolean: {} },
   },
+  {
+    name: 'doNotRememberSelectedPlayer',
+    selector: { boolean: {} },
+  },
 ];
 
 class AdvancedEditor extends BaseEditor {

src/model/store.ts

@@ -182,6 +182,9 @@ export default class Store {
   }
 
   private getActivePlayer() {
+    if (this.config.doNotRememberSelectedPlayer) {
+      return '';
+    }
     if (this.config.storePlayerInSessionStorage) {
       return this.getActivePlayerFromStorage();
     }

src/types.ts

@@ -103,6 +103,7 @@ export interface CardConfig extends LovelaceCardConfig {
   inverseGroupMuteState?: boolean;
   storePlayerInSessionStorage?: boolean;
   sortFavoritesByType?: boolean;
+  doNotRememberSelectedPlayer?: boolean;
 }
 
 export interface MediaArtworkOverride {