Stop camera streams right away when hidden in the companion apps

src/components/ha-hls-player.ts

@@ -12,6 +12,7 @@ import type { LocalizeFunc } from "../common/translations/localize";
 import { nextRender } from "../common/util/render-status";
 import { fetchStreamUrl } from "../data/camera";
 import { apiContext, configContext, connectionContext } from "../data/context";
+import { isExternal } from "../data/external";
 import "./ha-alert";
 
 type HlsLite = Omit<
@@ -87,6 +88,12 @@ class HaHLSPlayer extends LitElement {
       return;
     }
     if (document.hidden) {
+      if (isExternal) {
+        // The companion apps pause JavaScript timers while in the background,
+        // so a delayed clean up would not run until the app is opened again
+        this._cleanUp();
+        return;
+      }
       this._hiddenCleanupTimeout = window.setTimeout(() => {
         this._hiddenCleanupTimeout = undefined;
         this._cleanUp();

src/components/ha-web-rtc-player.ts

@@ -18,6 +18,7 @@ import {
   type WebRtcOfferEvent,
 } from "../data/camera";
 import { apiContext, connectionContext } from "../data/context";
+import { isExternal } from "../data/external";
 import "./ha-alert";
 import "./ha-spinner";
 import { showToast } from "../util/toast";
@@ -236,6 +237,12 @@ export class HaWebRtcPlayer extends LitElement {
       return;
     }
     if (document.hidden) {
+      if (isExternal) {
+        // The companion apps pause JavaScript timers while in the background,
+        // so a delayed clean up would not run until the app is opened again
+        this._cleanUp();
+        return;
+      }
       this._hiddenCleanupTimeout = window.setTimeout(() => {
         this._hiddenCleanupTimeout = undefined;
         this._cleanUp();