These notes are provided to help with a HACS install if you use the GUI rather than edit yaml.
- Install "HACS" as per their documentation
- Let the HACS addon download its data - this takes at least an hour to fetch data initially due to rate limiting - see HACS documentation.
- Choose HACS from the Sidebar.
- For installation of this card select the HACS
Frontend
option. - Click
+ Explore & Download Repositories
and search for "Lovelace Hass Arlo". - Choose
Install this repository in HACS
. - Choose
Install
. This completes the installation of the repository. - You will be asked to refresh your browser to allow for the updated resources to be used. Click
Reload
to do this automatically. - Now you should edit your dashboard as usual to add the new card - one for each camera. When adding the aarlo-glance card you will need to choose the
Manual
option (bottom of the GUI list of available cards). Editing manually to insert some configuration. code to match your camera.
Here is a working config for a camera known to Arlo as kitchen
and to Home Assistant as camera.aarlo_kitchen
:
type: 'custom:aarlo-glance'
entity: camera.aarlo_kitchen
name: A camera in my Kitchen
show:
- motion
- sound
- snapshot
- battery_level
- signal_strength
- captured_today
- image_date
top_title: false
top_status: false
top_date: false
image_click: play
The options of top_title
, top_status
and top_date
can be set to true
if you prefer the indicated information at the top of the card.
Older versions of HACS and/or Home Assistant may not automatically load the resource as required, leading to a Custom element doesn't exist: aarlo-glance
error message when trying to create the card. In that case, you can do it manually:
- Select
Settings
orConfiguration
(depending on Home Assistant version) from the Sidebar. - Choose
Dashboards
orLovelace Dashboards
from the Settings panel. - Select
Resources
from the menu in the top right or click into theResource
tab. - Click
+
button to add a new resource and enter:
Url
/hacsfiles/lovelace-hass-aarlo/hass-aarlo.js
Resource Type:
JavaScript Module
You should then be able to add the aarlo-glance element as shown above.