twrecked/lovelace-hass-aarlo v0.2-alpha.19

version 0.2-alpha.19

on GitHub

EXPERIMENTAL

It's working well for me but if everything stop working please drop back to 0.1

If you don't see any changes:

• desktop chrome; open developer tools on your web browser and reload; CTRL+SHIFT+I followed by CTRL+R
  
• desktop firefox; open developer tools on your web browser and reload; CTRL+SHIFT+I followed by CTRL+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.

New Options.

hass-aarlo version 0.7.beta.4 added duration length to the library. You can now display this on the library card. Add the word duration to the
library_view options on your aarlo-glance card.

Bug fixes

Fix issue when in active camera setup that would cause the state changes to replace the video stream.

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.

New Options

• You can specify muted in global: to start playback muted.
  
• You can specify numeric in image_view: to have the library display a number of entries. After nine it will display 9+.
  

Apple Playback

It should be working better now - it's working in the browser on an iPad and iPhone for me, I haven't tried the app yet. To get it working:

• make sure you don't set a user_agent in your aarlo config in configuration.yaml
  
• don't use direct play in the Lovelace card configuration.
  

This will ensure Home Assistant sends a HLS stream which is supported by Apple products.

Video Controls

There is now a mute button. The mute state is kept across playbacks.

Stopping a stream now should now work better.

Download

Add the download keyword to library_view and the card will show a download icon over each recording thumbnail so you can save the video.

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:

• Customizable layout.
  
• Mutable option.
  
• Numerical option.
  
• Duration 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 of image_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
  

Planned changes include:

• better exception handling