feature: add option to use media_channel in mediaArtworkOverrides

README.md

@@ -133,6 +133,8 @@ mediaArtworkOverrides: # Show your own selected artwork if certain rules match
   - mediaTitleEquals: p4malmo-aac-192
     imageUrl: >-
       https://mytuner.global.ssl.fastly.net/media/tvos_radios/2BDTPrpMbn_cTdteqo.jpg
+  - mediaChannelEquals: "Sky Radio Smooth Hits"
+    imageUrl: https://cdn-icons-png.flaticon.com/512/4108/4108794.png
   - ifMissing: true # ifMissing will only be used if none of the "Equals" overrides above resulted in a match 
     imageUrl: https://cdn-icons-png.flaticon.com/512/651/651758.png
 customSources: # Main use case is probably to set tv media player to play TV sound

src/editor/artwork-override-editor.ts

@@ -18,6 +18,10 @@ class ArtworkOverrideEditor extends BaseEditor {
         name: 'mediaContentIdEquals',
         type: 'string',
       },
+      {
+        name: 'mediaChannelEquals',
+        type: 'string',
+      },
       {
         name: 'imageUrl',
         type: 'string',

src/editor/artwork-overrides-editor.ts

@@ -22,7 +22,11 @@ class ArtworkOverridesEditor extends BaseEditor {
             <ha-control-button-group>
               ${items?.map((pg, index) => {
                 const itemName =
-                  pg.mediaTitleEquals || pg.mediaContentIdEquals || (pg.ifMissing && 'if missing') || index;
+                  pg.mediaTitleEquals ||
+                  pg.mediaContentIdEquals ||
+                  pg.mediaChannelEquals ||
+                  (pg.ifMissing && 'if missing') ||
+                  index;
                 return html`
                   <ha-control-button @click=${() => (this.editItem = index)}>
                     ${itemName}<ha-svg-icon .path=${mdiPen} label="Edit"></ha-svg-icon>

src/sections/player.ts

@@ -60,14 +60,15 @@ export class Player extends LitElement {
 
   private getArtworkImage() {
     const prefix = this.config.artworkHostname || '';
-    const { media_title, media_content_id, entity_picture } = this.activePlayer.attributes;
+    const { media_title, media_content_id, media_channel, entity_picture } = this.activePlayer.attributes;
     let entityImage = entity_picture ? prefix + entity_picture : entity_picture;
     let sizePercentage = undefined;
     const overrides = this.config.mediaArtworkOverrides;
     if (overrides) {
       let override = overrides.find(
         (value) =>
           (media_title && media_title === value.mediaTitleEquals) ||
+          (media_channel && media_channel === value.mediaChannelEquals) ||
           (media_content_id && media_content_id === value.mediaContentIdEquals),
       );
       if (!override) {

src/types.ts

@@ -66,6 +66,7 @@ export interface MediaArtworkOverride {
   ifMissing?: boolean;
   mediaTitleEquals?: string;
   mediaContentIdEquals?: string;
+  mediaChannelEquals?: string;
   imageUrl?: string;
   sizePercentage?: number;
 }