jeans/frontend
jeans/frontend
1
0
Fork 0
mirror of https://github.com/home-assistant/frontend.git synced 2025-07-09 10:26:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fetch camera image via websocket connection (#1136)

Browse Source 
* Fetch camera image via websocket connection

Lint

Cleanup

* setProperties
This commit is contained in:
Paulus Schoutsen 2018-05-03 16:04:25 -04:00 committed by Pascal Vizeli
parent 9fc3d9d019
commit 06341edc49
1 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/cards/ha-camera-card.html
View File

@ -39,8 +39,11 @@
}
</style>
<img src='[[cameraFeedSrc]]' class='camera-feed' hidden$='[[!imageLoaded]]'
on-load='imageLoadSuccess' on-error='imageLoadFail' alt='[[computeStateName(stateObj)]]'>
<img
src='[[cameraFeedSrc]]'
class='camera-feed'
hidden$='[[!imageLoaded]]'
alt='[[computeStateName(stateObj)]]'>
<div class='caption'>
[[computeStateName(stateObj)]]
<template is='dom-if' if='[[!imageLoaded]]'>
@ -103,18 +106,20 @@
}
updateCameraFeedSrc() {
var attr = this.stateObj.attributes;
var time = (new Date()).getTime();
this.cameraFeedSrc = attr.entity_picture + '&time=' + time;
}
imageLoadSuccess() {
this.imageLoaded = true;
}
imageLoadFail() {
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) {
return window.hassUtil.computeStateName(stateObj);