jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-18 23:06:40 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fetch media player image from websocket (#1137)

Browse Source
This commit is contained in:
Paulus Schoutsen 2018-05-03 16:03:48 -04:00 committed by Pascal Vizeli
parent 3e90db5fa3
commit 9fc3d9d019
1 changed files with 18 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
src/cards/ha-media_player-card.html
View File

@ -238,37 +238,25 @@ class HaMediaPlayerCard extends
}; };
} }
playerObjChanged(playerObj) { playerObjChanged(playerObj, oldPlayerObj) {
var picture = playerObj.stateObj.attributes.entity_picture; const picture = playerObj.stateObj.attributes.entity_picture;
var dummy; const oldPicture = oldPlayerObj && oldPlayerObj.stateObj.attributes.entity_picture;
if (picture) {
dummy = document.createElement('IMG'); if (picture !== oldPicture && !picture) {
dummy.onload = () => {
this.$.cover.style.backgroundImage = 'url(' + picture + ')';
dummy.onerror = dummy.onload = null;
dummy.src = '';
dummy = null;
};
dummy.onerror = () => {
this.$.cover.style.backgroundImage = '';
this.$.cover.parentElement.classList.add('no-cover');
dummy.onerror = dummy.onload = null;
dummy.src = '';
dummy = null;
};
if (this._timeout_id) {
clearTimeout(this._timeout_id);
}
this._timeout_id = setTimeout(() => {
if (dummy) {
// Background load still inflight. Clear real image.
this.$.cover.style.backgroundImage = '';
}
this._timeout_id = null;
}, 5000);
dummy.src = picture;
} else {
this.$.cover.style.backgroundImage = ''; this.$.cover.style.backgroundImage = '';
} else if (picture !== oldPicture) {
// We have a new picture url
this.hass.connection.sendMessagePromise({
type: 'media_player_thumbnail',
entity_id: playerObj.stateObj.entity_id,
}).then((resp) => {
if (resp.success) {
this.$.cover.style.backgroundImage = `url(data:${resp.result.content_type};base64,${resp.result.content})`;
} else {
this.$.cover.style.backgroundImage = '';
this.$.cover.parentElement.classList.add('no-cover');
}
});
} }
if (playerObj.isPlaying && playerObj.showProgress) { if (playerObj.isPlaying && playerObj.showProgress) {