version 0.3.0.beta.3

Be warned, 0.3 is in beta

It's working for me, but it's beta so be prepared to return to version 0.2 if things go wrong.

I've put it out there so people can try it if they want. The underlying architecture is very different and (I hope) a lot more efficient.

I'm attempting to make streaming smarter, it will pass in the client user agent to get the best stream possible, I can't test this on all the possible OS/browser combinations so let me know if you run into issues.

Breaking Changes

The v1 (Old, old Configuration) format has been deprecated, the code throws an error if it detects the old style. v2 is fine.

Changes includes:

• smart modal windows
• smart streaming
• support chromecast devices
• add lights and lock to stream player
• improved code in general
• extra debug utils

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

version 0.3.0.alpha.2

Be warned, 0.3 is in alpha

It's working for me, but it's very alpha so be prepared to return to version 0.2 if things go wrong.

I've put it out there so people can try it if they want. The underlying architecture is very different and (I hope) a lot more efficient.

I'm attempting to make streaming smarter, it will pass in the client user agent to get the best stream possible, I can't test this on all the possible OS/browser combinations so let me know if you run into issues.

Breaking Changes

The v1 (Old, old Configuration) format has been deprecated, the code throws an error if it detects the old style. v2 is fine.

Changes includes:

• smart modal windows
• smart streaming
• support chromecast devices
• add lights and lock to stream player
• improved code in general
• extra debug utils

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

version 0.2.6.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

Fixes:
Add null check to prevent Cannot read properties of null (reading 'split') errors.

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 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.

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 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
• better exception/error handling

version 0.2.0b4

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.

Bugs Fixed

• quiet down more debug alerts

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 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
• better exception/error handling

version 0.2.0b3

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.

Improvements

• better mouse handling when video playing

Bugs Fixed

• package detection works
• quiet down debug alert

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 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
• better exception/error handling

version 0.2.0b2

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.

Bugs Fixed

• package detection works
• quiet down debug alert

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:

• 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 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

version 0.2.0b1

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.

Bugs Fixed

• package detection works

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:

• 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 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

version 0.2-alpha.22

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.

Add small or tiny to shrink the icons and font sizes.

Bugs Fixed

Remove next/previous icons when swipe is available.
muted now works

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:

• 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 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

version 0.2-alpha.21

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.

Add small or tiny to shrink the icons and font sizes.

Bugs Fixed

Remove next/previous icons when swipe is available.

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:

• 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 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