version 0.2.0b5
If you don't see any changes:
- desktop chrome; open developer tools on your web browser and reload;
CTRL+SHIFT+I
followed byCTRL+R
- desktop firefox; open developer tools on your web browser and reload;
CTRL+SHIFT+I
followed byCTRL+R
- ipad/iphone: this one is drastic but;
Settings > Safari > Clear History and Website Data
Why...
This is a complete re-write of the module. When adding the new modal window I realized the underlying code was doing things backwards. For example, for state changes I was giving Home Assistant a complete re-rendering of the card when I would have been better manipulating the DOM directly.
Bugs Fixed
- quiet down more debug alerts
- fixed plugged in icon
New Configuration Format (Part2)
The existing format will continue to (mostly) work. The code looks for the show
item and, if it finds it, uses the old format.
I decided to change the format because I found it was getting long winded adding single options per line. The new format uses keywords in comma separated string lists to simplify things.
The following example will give you an idea of the changes.
You now have two variable image_top
and image_bottom
that control what appear on the top of the image and bottom of the image.
With this release the ordering of things is honoured. Note:
- you can group entities together, either using an array structure as shown in the example or using the
|
symbol - you can add in space with a
,,
entry
There is a global
section now. active
and square
have moved there.
entity: camera.aarlo_front_door_camera
name: 'The Front Door'
global: 'active'
image_top: 'name,status'
image_bottom:
- 'previous,sound,motion,battery,library,stream,snapshot'
- 'door,lock,light,next'
image_view: numeric
image_click: 'recordings'
library_view: 'download'
library_sizes: '3,4,2,1'
type: 'custom:aarlo-glance'
See here for more details. And here for some examples.
Multiple Cameras
To try multiple cameras use the following config (changing the entities obviously). This example shows a shared global config but it's possible to have per camera settings as well.
entities:
- entity: camera.aarlo_front_door_camera
name: 'The Front Door'
- entity: camera.aarlo_front_camera
name: 'The Front'
global: active
library_view: 'blended,download'
image_top: 'name,status'
image_bottom: 'motion,library,play,snapshot,battery'
image_click: 'direct,recordings'
library_sizes: '3,4,2,1'
light: light.virtual_deck_light
door: binary_sensor.virtual_front_door
door_lock: lock.virtual_front_door_lock
type: 'custom:aarlo-glance'
On desktops devices you get chevrons to click and change camera, on mobile you can swipe left and right.
You can join the libraries together with library_view: blended
and automatically move to the most recently active camera with camera_view: active
.
Changes include, but not limited to:
- better mouse handling during video playback
- View recording duration.
- Customizable layout.
- Mutable option.
- Numerical option.
- Italian by QuakeGio83
- Swedish by pierrebengtsson
- German language support by TheDK
- Spanish language support by alceasan
- download videos from the library
- newer configuration
- multiple camera support [stage 2]
- blended library mode; show multiple cameras in one library
- automatically flip to active camera
- handle empty libraries better
- smart modal windows, will fall back to inline on mobile devices, see
smart
option ofimage_click
. - will now show if Arlo doorbells are silenced on the card and you can mute/unmute from the card, see
door_bell_mute
- you can swipe left/right on mobile devices in the library - crude support for now
- the library will update in real time and won't load unless necessary, generally nicer operation
- you can limit how many videos are loaded
- you can specify different grid size for the library
- objects that trigger events are highlighted in the library view
- beginning and end buttons for the library
- autoplay
- customizable snapshot image reload
- changes handled programmatically; for example, a motion event now changes the element in the DOM rather than re-drawing the whole card
- localization support
- added French language
- better startup
- internally most things have changed, hopefully for the best
- better exception/error handling