diff --git a/src/cards/ha-camera-card.html b/src/cards/ha-camera-card.html
index 59c8bbc01d..b642cb3a92 100644
--- a/src/cards/ha-camera-card.html
+++ b/src/cards/ha-camera-card.html
@@ -39,8 +39,11 @@
}
-
+
[[computeStateName(stateObj)]]
@@ -103,17 +106,19 @@
}
updateCameraFeedSrc() {
- var attr = this.stateObj.attributes;
- var time = (new Date()).getTime();
- this.cameraFeedSrc = attr.entity_picture + '&time=' + time;
- }
-
- imageLoadSuccess() {
- this.imageLoaded = true;
- }
-
- imageLoadFail() {
- this.imageLoaded = false;
+ this.hass.connection.sendMessagePromise({
+ type: 'camera_thumbnail',
+ entity_id: this.stateObj.entity_id,
+ }).then((resp) => {
+ if (resp.success) {
+ this.setProperties({
+ imageLoaded: true,
+ cameraFeedSrc: `data:${resp.result.content_type};base64, ${resp.result.content}`,
+ });
+ } else {
+ this.imageLoaded = false;
+ }
+ });
}
computeStateName(stateObj) {