diff --git a/README.md b/README.md index d495c65f..dec9997f 100644 --- a/README.md +++ b/README.md @@ -2939,6 +2939,21 @@ See [screenshot above](#screenshots-card-casting). You must be using a version of the [Frigate integration](https://github.com/blakeblackshear/frigate-hass-integration) >= 3.0.0-rc.2 to see recordings. Using an older version of the integration may also show blank thumbnails in the events viewer. Please upgrade your integration accordingly. +### `Forbidden media source identifier` + +You must have the `Enable the media browser` option enabled for the Frigate integration, in order for media fetches to work for the card. Media fetches are used to fetch events / clips / snapshots, etc. If you just wish to use live streams without media fetches, you can use the following configuration: + +```yaml +live: + controls: + thumbnails: + mode: none +``` + +### Static image URL with credentials doesn't load + +Your browser will not allow a page/script (like this card) to pass credentials to a cross-origin (different host) image URL for security reasons. There is no way around this unless you could also control the webserver that is serving the image to specifically allow `crossorigin` requests (which is typically not the case for an image served from a camera, for example). The stock Home Assistant Picture Glance card has the same limitation, for the same reasons. + ### Chrome autoplays when a tab becomes visible again Even if `live.auto_play` or `media_viewer.auto_play` is set to `never`, Chrome itself will still auto play a video that was previously playing prior to the tab being hidden, once that tab is visible again. This behavior cannot be influenced by the card. Other browsers (e.g. Firefox, Safari) do not exhibit this behavior. @@ -2955,7 +2970,6 @@ You must be using a version of the [Frigate integration](https://github.com/blak to use JSMPEG proxying. The `frigate-jsmpeg` live provider will not work with earlier integration versions. - ### Timeline shows error message If the timeline shows a message such as `Failed to receive response from Home diff --git a/src/components/thumbnail-carousel.ts b/src/components/thumbnail-carousel.ts index af9b1e6f..6cdeea48 100644 --- a/src/components/thumbnail-carousel.ts +++ b/src/components/thumbnail-carousel.ts @@ -59,7 +59,7 @@ export class FrigateCardThumbnailCarousel extends LitElement { @property({ attribute: false }) public config?: ThumbnailsControlConfig; - @property({ attribute: false, type: Number, reflect: true }) + @property({ attribute: true, type: Number, reflect: true }) public selected?: number; protected _carouselOptions?: EmblaOptionsType; diff --git a/src/components/timeline-core.ts b/src/components/timeline-core.ts index dfabd637..35778224 100644 --- a/src/components/timeline-core.ts +++ b/src/components/timeline-core.ts @@ -730,10 +730,10 @@ export class FrigateCardTimelineCore extends LitElement { }) .mergeInContext(context) .dispatchChangeEvent(this); - if (this.view.is('timeline')) { + if (!this.view.isViewerView()) { dispatchFrigateCardEvent(this, 'thumbnails:open'); } - } else if (this.view.is('timeline')) { + } else if (!this.view.isViewerView()) { dispatchFrigateCardEvent(this, 'thumbnails:close'); } }