Add warning message for loading stream.

src/components/live/live-image.ts

@@ -3,10 +3,11 @@ import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit
 import { customElement, property } from 'lit/decorators.js';
 import { createRef, ref, Ref } from 'lit/directives/ref.js';
 import { CameraConfig } from '../../config/types';
+import { localize } from '../../localize/localize';
 import liveImageStyle from '../../scss/live-image.scss';
 import { FrigateCardMediaPlayer } from '../../types.js';
-import '../image.js';
 import { getStateObjOrDispatchError } from '../../utils/get-state-obj';
+import '../image.js';
 
 @customElement('frigate-card-live-image')
 export class FrigateCardLiveImage extends LitElement implements FrigateCardMediaPlayer {
@@ -79,7 +80,12 @@ export class FrigateCardLiveImage extends LitElement implements FrigateCardMedia
         .cameraConfig=${this.cameraConfig}
       >
       </frigate-card-image>
-      ${this.watermark ? html`<ha-icon icon="${this.watermark}"></ha-icon>` : ''}
+      ${this.watermark
+        ? html`<ha-icon
+            title=${localize('error.awaiting_live')}
+            icon="${this.watermark}"
+          ></ha-icon>`
+        : ''}
     `;
   }
 

src/localize/languages/en.json

@@ -477,6 +477,7 @@
     }
   },
   "error": {
+    "awaiting_live": "Waiting for live stream to load ...",
     "could_not_render_elements": "Could not render picture elements",
     "could_not_resolve": "Could not resolve media URL",
     "diagnostics": "Card diagnostics. Please review for confidential information prior to sharing",

src/localize/languages/it.json

@@ -469,6 +469,7 @@
     }
   },
   "error": {
+    "awaiting_live": "",
     "could_not_render_elements": "Impossibile renderizzare gli elementi dell'immagine",
     "could_not_resolve": "Impossibile risolvere l'URL dei media",
     "diagnostics": "Diagnostica delle carte.Si prega di rivedere per informazioni riservate prima di condividere",

src/localize/languages/pt-BR.json

@@ -476,6 +476,7 @@
     }
   },
   "error": {
+    "awaiting_live": "",
     "could_not_render_elements": "Não foi possível renderizar os elementos da imagem",
     "could_not_resolve": "Não foi possível resolver o URL de mídia",
     "diagnostics": "Diagnósticos do cartão. Revise as informações confidenciais antes de compartilhar",

src/localize/languages/pt-PT.json

@@ -462,6 +462,7 @@
     }
   },
   "error": {
+    "awaiting_live": "",
     "could_not_render_elements": "Não foi possível renderizar os elementos da imagem",
     "could_not_resolve": "Não foi possível resolver o URL de mídia",
     "diagnostics": "Diagnósticos do cartão. Reveja as informações confidenciais antes de partilhar",