fix: Fix issue where wrong ha stream may be referred to [skip ci] (#1760)
This commit is contained in:
@@ -44,7 +44,7 @@ customElements.whenDefined('ha-camera-stream').then(() => {
|
|||||||
{
|
{
|
||||||
// Due to an obscure behavior when this card is casted, this element needs
|
// Due to an obscure behavior when this card is casted, this element needs
|
||||||
// to use query rather than the ref directive to find the player.
|
// to use query rather than the ref directive to find the player.
|
||||||
@query('#player')
|
@query('.player:not(.hidden)')
|
||||||
protected _player: FrigateCardMediaPlayer;
|
protected _player: FrigateCardMediaPlayer;
|
||||||
|
|
||||||
protected _mediaLoadedInfoPerStream: Record<StreamType, MediaLoadedInfo> = {};
|
protected _mediaLoadedInfoPerStream: Record<StreamType, MediaLoadedInfo> = {};
|
||||||
@@ -130,7 +130,6 @@ customElements.whenDefined('ha-camera-stream').then(() => {
|
|||||||
|
|
||||||
if (stream.type === STREAM_TYPE_HLS) {
|
if (stream.type === STREAM_TYPE_HLS) {
|
||||||
return html` <frigate-card-ha-hls-player
|
return html` <frigate-card-ha-hls-player
|
||||||
id="player"
|
|
||||||
?autoplay=${false}
|
?autoplay=${false}
|
||||||
playsinline
|
playsinline
|
||||||
.allowExoPlayer=${this.allowExoPlayer}
|
.allowExoPlayer=${this.allowExoPlayer}
|
||||||
@@ -142,13 +141,12 @@ customElements.whenDefined('ha-camera-stream').then(() => {
|
|||||||
@frigate-card:media:loaded=${(ev) =>
|
@frigate-card:media:loaded=${(ev) =>
|
||||||
this._storeMediaLoadedInfoHandler(STREAM_TYPE_HLS, ev)}
|
this._storeMediaLoadedInfoHandler(STREAM_TYPE_HLS, ev)}
|
||||||
@streams=${this._handleHlsStreams}
|
@streams=${this._handleHlsStreams}
|
||||||
class=${stream.visible ? '' : 'hidden'}
|
class="player ${stream.visible ? '' : 'hidden'}"
|
||||||
></frigate-card-ha-hls-player>`;
|
></frigate-card-ha-hls-player>`;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (stream.type === STREAM_TYPE_WEB_RTC) {
|
if (stream.type === STREAM_TYPE_WEB_RTC) {
|
||||||
return html`<frigate-card-ha-web-rtc-player
|
return html`<frigate-card-ha-web-rtc-player
|
||||||
id="player"
|
|
||||||
?autoplay=${false}
|
?autoplay=${false}
|
||||||
playsinline
|
playsinline
|
||||||
.muted=${this.muted}
|
.muted=${this.muted}
|
||||||
@@ -159,7 +157,7 @@ customElements.whenDefined('ha-camera-stream').then(() => {
|
|||||||
@frigate-card:media:loaded=${(ev) =>
|
@frigate-card:media:loaded=${(ev) =>
|
||||||
this._storeMediaLoadedInfoHandler(STREAM_TYPE_WEB_RTC, ev)}
|
this._storeMediaLoadedInfoHandler(STREAM_TYPE_WEB_RTC, ev)}
|
||||||
@streams=${this._handleWebRtcStreams}
|
@streams=${this._handleWebRtcStreams}
|
||||||
class=${stream.visible ? '' : 'hidden'}
|
class="player ${stream.visible ? '' : 'hidden'}"
|
||||||
></frigate-card-ha-web-rtc-player>`;
|
></frigate-card-ha-web-rtc-player>`;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user