From 830b4490067a7d029f0c7da07096874e273e00a6 Mon Sep 17 00:00:00 2001
From: Paulus Schoutsen <balloob@gmail.com>
Date: Wed, 9 Feb 2022 17:28:12 -0800
Subject: [PATCH] Add support for opening camera media source (#11633)

Co-authored-by: Zack Barett <zackbarett@hey.com>
---
 src/data/camera.ts                            |  8 ++++
 .../media-browser/ha-panel-media-browser.ts   | 43 +++++++++++++------
 2 files changed, 37 insertions(+), 14 deletions(-)

diff --git a/src/data/camera.ts b/src/data/camera.ts
index 22e936c7d4..d556578ae2 100644
--- a/src/data/camera.ts
+++ b/src/data/camera.ts
@@ -115,3 +115,11 @@ export const updateCameraPrefs = (
     entity_id: entityId,
     ...prefs,
   });
+
+const CAMERA_MEDIA_SOURCE_PREFIX = "media-source://camera/";
+
+export const isCameraMediaSource = (mediaContentId: string) =>
+  mediaContentId.startsWith(CAMERA_MEDIA_SOURCE_PREFIX);
+
+export const getEntityIdFromCameraMediaSource = (mediaContentId: string) =>
+  mediaContentId.substring(CAMERA_MEDIA_SOURCE_PREFIX.length);
diff --git a/src/panels/media-browser/ha-panel-media-browser.ts b/src/panels/media-browser/ha-panel-media-browser.ts
index 95931759cb..d6cfa92ffc 100644
--- a/src/panels/media-browser/ha-panel-media-browser.ts
+++ b/src/panels/media-browser/ha-panel-media-browser.ts
@@ -11,7 +11,7 @@ import {
 } from "lit";
 import { customElement, property } from "lit/decorators";
 import { LocalStorage } from "../../common/decorators/local-storage";
-import { HASSDomEvent } from "../../common/dom/fire_event";
+import { fireEvent, HASSDomEvent } from "../../common/dom/fire_event";
 import { navigate } from "../../common/navigate";
 import "../../components/ha-menu-button";
 import "../../components/ha-icon-button";
@@ -29,6 +29,10 @@ import type { HomeAssistant, Route } from "../../types";
 import "./ha-bar-media-player";
 import { showWebBrowserPlayMediaDialog } from "./show-media-player-dialog";
 import { showAlertDialog } from "../../dialogs/generic/show-dialog-box";
+import {
+  getEntityIdFromCameraMediaSource,
+  isCameraMediaSource,
+} from "../../data/camera";
 
 @customElement("ha-panel-media-browser")
 class PanelMediaBrowser extends LitElement {
@@ -181,23 +185,34 @@ class PanelMediaBrowser extends LitElement {
         media_content_id: item.media_content_id,
         media_content_type: item.media_content_type,
       });
-    } else if (item.media_content_type.startsWith("audio/")) {
+      return;
+    }
+
+    if (isCameraMediaSource(item.media_content_id)) {
+      fireEvent(this, "hass-more-info", {
+        entityId: getEntityIdFromCameraMediaSource(item.media_content_id),
+      });
+      return;
+    }
+
+    if (item.media_content_type.startsWith("audio/")) {
       await this.shadowRoot!.querySelector("ha-bar-media-player")!.playItem(
         item
       );
-    } else {
-      const resolvedUrl: any = await resolveMediaSource(
-        this.hass,
-        item.media_content_id
-      );
-
-      showWebBrowserPlayMediaDialog(this, {
-        sourceUrl: resolvedUrl.url,
-        sourceType: resolvedUrl.mime_type,
-        title: item.title,
-        can_play: item.can_play,
-      });
+      return;
     }
+
+    const resolvedUrl: any = await resolveMediaSource(
+      this.hass,
+      item.media_content_id
+    );
+
+    showWebBrowserPlayMediaDialog(this, {
+      sourceUrl: resolvedUrl.url,
+      sourceType: resolvedUrl.mime_type,
+      title: item.title,
+      can_play: item.can_play,
+    });
   }
 
   static get styles(): CSSResultGroup {