Add refresh_seconds option for live image.

src/components/live/live-image.ts

@@ -2,7 +2,7 @@ import { HomeAssistant } from 'custom-card-helpers';
 import { CSSResultGroup, html, LitElement, TemplateResult, unsafeCSS } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
 import liveFrigateStyle from '../../scss/live-frigate.scss';
-import { CameraConfig } from '../../types.js';
+import { CameraConfig, LiveImageConfig } from '../../types.js';
 import { getStateObjOrDispatchError } from './live.js';
 import '../image.js';
 
@@ -14,6 +14,9 @@ export class FrigateCardLiveImage extends LitElement {
   @property({ attribute: false })
   public cameraConfig?: CameraConfig;
 
+  @property({ attribute: false })
+  public liveImageConfig?: LiveImageConfig;
+
   @state()
   protected _playing = true;
 
@@ -58,7 +61,7 @@ export class FrigateCardLiveImage extends LitElement {
    * @returns A rendered template.
    */
   protected render(): TemplateResult | void {
-    if (!this.hass) {
+    if (!this.hass || !this.liveImageConfig) {
       return;
     }
 
@@ -67,7 +70,7 @@ export class FrigateCardLiveImage extends LitElement {
     return html` <frigate-card-image
       .imageConfig=${{
         mode: 'camera' as const,
-        refresh_seconds: this._playing ? 1 : 0,
+        refresh_seconds: this._playing ? this.liveImageConfig.refresh_seconds : 0,
       }}
       .hass=${this.hass}
       .cameraConfig=${this.cameraConfig}

src/components/live/live.ts

@@ -845,6 +845,7 @@ export class FrigateCardLiveProvider extends LitElement {
             ${ref(this._providerRef)}
             .hass=${this.hass}
             .cameraConfig=${this.cameraConfig}
+            .liveImageConfig=${this.liveConfig.image}
             @frigate-card:media:loaded=${() => {
               if (provider === 'image') {
                 // Only count the media has loaded if the required provider is