feature: make it possible to only control main player volume in playe…

…r section

README.md

@@ -158,6 +158,7 @@ entitiesToIgnoreVolumeLevelFor: # default is empty. Use this if you want to igno
   - media_player.my_sonos_port_device
 artworkMinHeight: 10 # default is 5. Use this to change the minimum height of the artwork in the player section. Unit is in rem.
 artworkAsBackground: true # default is false. Will show the artwork as background for the player section.
+playerVolumeOnlyAffectsMainPlayer: true # default is false. Will only affect the main player when changing volume in the player section.
 
 # media browser specific
 mediaBrowserItemsPerRow: 1 # default is 4. Use this to show items as list.

src/components/player-controls.ts

@@ -38,14 +38,20 @@ class PlayerControls extends LitElement {
                 ${this.config.showAudioInputFormat && until(this.getAudioInputFormat())}
               </div>
             </div>
-            <mxmp-volume .store=${this.store} .player=${this.activePlayer}></mxmp-volume>
+            <mxmp-volume
+              .store=${this.store}
+              .player=${this.activePlayer}
+              .updateMembers=${!this.config.playerVolumeOnlyAffectsMainPlayer}
+            ></mxmp-volume>
           `,
         )}
       </div>
     `;
   }
-  private volDown = async () => await this.mediaControlService.volumeDown(this.activePlayer);
-  private volUp = async () => await this.mediaControlService.volumeUp(this.activePlayer);
+  private volDown = async () =>
+    await this.mediaControlService.volumeDown(this.activePlayer, !this.config.playerVolumeOnlyAffectsMainPlayer);
+  private volUp = async () =>
+    await this.mediaControlService.volumeUp(this.activePlayer, !this.config.playerVolumeOnlyAffectsMainPlayer);
 
   private async getAudioInputFormat() {
     const sensors = await this.store.hassService.getRelatedEntities(this.activePlayer, 'sensor');

src/editor/advanced-editor.ts

@@ -97,6 +97,10 @@ export const ADVANCED_SCHEMA = [
     name: 'artworkAsBackground',
     selector: { boolean: {} },
   },
+  {
+    name: 'playerVolumeOnlyAffectsMainPlayer',
+    selector: { boolean: {} },
+  },
   {
     type: 'string',
     help: 'Override default fallback artwork image if artwork is missing for the currently selected media',

src/types.ts

@@ -60,6 +60,7 @@ export interface CardConfig extends LovelaceCardConfig {
   dynamicVolumeSliderMax?: number;
   artworkMinHeight?: number;
   artworkAsBackground?: boolean;
+  playerVolumeOnlyAffectsMainPlayer?: boolean;
 }
 
 export interface MediaArtworkOverride {