General sound mode support

src/dialogs/more-info/controls/more-info-media_player.js

@@ -97,6 +97,19 @@ class MoreInfoMediaPlayer extends LocalizeMixin(EventsMixin(PolymerElement)) {
         </paper-listbox>
       </paper-dropdown-menu>
     </div>
+    <!-- SOUND MODE PICKER -->
+    <div class="controls layout horizontal justified">
+      <template is='dom-if' if='[[!computeHideSelectSoundMode(playerObj)]]'>
+        <iron-icon class="source-input" icon="mdi:music-note"></iron-icon>
+        <paper-dropdown-menu class="flex source-input" dynamic-align label-float label='Sound Mode'>
+          <paper-listbox slot="dropdown-content" selected="{{soundModeIndex}}">
+            <template is='dom-repeat' items='[[playerObj.soundModeList]]'>
+              <paper-item>[[item]]</paper-item>
+            </template>
+          </paper-listbox>
+        </paper-dropdown-menu>
+      </template>
+    </div>
     <!-- TTS -->
     <div hidden\$="[[computeHideTTS(ttsLoaded, playerObj)]]" class="layout horizontal end">
       <paper-input id="ttsInput" label="[[localize('ui.card.media_player.text_to_speak')]]" class="flex" value="{{ttsMessage}}" on-keydown="ttsCheckForEnter"></paper-input>
@@ -122,6 +135,12 @@ class MoreInfoMediaPlayer extends LocalizeMixin(EventsMixin(PolymerElement)) {
         observer: 'handleSourceChanged',
       },
 
+      soundModeIndex: {
+        type: Number,
+        value: 0,
+        observer: 'handleSoundModeChanged',
+      },
+
       ttsLoaded: {
         type: Boolean,
         computed: 'computeTTSLoaded(hass)',
@@ -144,6 +163,10 @@ class MoreInfoMediaPlayer extends LocalizeMixin(EventsMixin(PolymerElement)) {
       this.sourceIndex = newVal.sourceList.indexOf(newVal.source);
     }
 
+    if (newVal && newVal.soundModeList !== undefined) {
+      this.soundModeIndex = newVal.soundModeList.indexOf(newVal.soundMode);
+    }
+
     if (oldVal) {
       setTimeout(() => {
         this.fire('iron-resize');
@@ -182,6 +205,10 @@ class MoreInfoMediaPlayer extends LocalizeMixin(EventsMixin(PolymerElement)) {
     return playerObj.isOff || !playerObj.supportsSelectSource || !playerObj.sourceList;
   }
 
+  computeHideSelectSoundMode(playerObj) {
+    return playerObj.isOff || !playerObj.supportsSelectSoundMode || !playerObj.soundModeList;
+  }
+
   computeHideTTS(ttsLoaded, playerObj) {
     return !ttsLoaded || !playerObj.supportsPlayMedia;
   }
@@ -227,6 +254,27 @@ class MoreInfoMediaPlayer extends LocalizeMixin(EventsMixin(PolymerElement)) {
     this.playerObj.selectSource(sourceInput);
   }
 
+  handleSoundModeChanged(soundModeIndex, soundModeIndexOld) {
+    // Selected Option will transition to '' before transitioning to new value
+    if (!this.playerObj
+        || !this.playerObj.supportsSelectSoundMode
+        || this.playerObj.soundModeList === undefined
+        || soundModeIndex < 0
+        || soundModeIndex >= this.playerObj.soundModeList
+        || soundModeIndexOld === undefined
+    ) {
+      return;
+    }
+
+    const soundModeInput = this.playerObj.soundModeList[soundModeIndex];
+
+    if (soundModeInput === this.playerObj.soundMode) {
+      return;
+    }
+
+    this.playerObj.selectSoundMode(soundModeInput);
+  }
+
   handleVolumeTap() {
     if (!this.playerObj.supportsVolumeMute) {
       return;

src/util/hass-media-player-model.js

@@ -101,6 +101,10 @@ export default class MediaPlayerEntity {
     return (this._feat & 2048) !== 0;
   }
 
+  get supportsSelectSoundMode() {
+    return (this._feat & 65536) !== 0;
+  }
+
   get supportsPlay() {
     return (this._feat & 16384) !== 0;
   }
@@ -140,6 +144,14 @@ export default class MediaPlayerEntity {
     return this._attr.source_list;
   }
 
+  get soundMode() {
+    return this._attr.sound_mode;
+  }
+
+  get soundModeList() {
+    return this._attr.sound_mode_list;
+  }
+
   mediaPlayPause() {
     this.callService('media_play_pause');
   }
@@ -195,6 +207,10 @@ export default class MediaPlayerEntity {
     this.callService('select_source', { source });
   }
 
+  selectSoundMode(soundMode) {
+    this.callService('select_sound_mode', { sound_mode: soundMode });
+  }
+
   // helper method
 
   callService(service, data = {}) {