Giter Club home page Giter Club logo

lovelace-hass-aarlo's Introduction

lovelace-hass-arlo

Table of Contents

Introduction

Lovelace card designed specifically for the AArlo Integration.

Features

It provides:

  • Motion and sound notifications.
  • Access to the camera library recordings.
  • Live streaming.
  • Support for doorbell and door opening notifications.
  • Support for toggling lights during streaming.

Notes

This document assumes you are familiar with Home Assistant setup and configuration.

Thanks

Many thanks to:

  • Button Card for a working lovelace card I could understand

  • JetBrains for the excellent PyCharm IDE and providing me with an open source license to speed up the project development.

    JetBrains

Installation

HACS

hacs_badge

Aarlo is part of the default HACS store. If you're not interested in development branches this is the easiest way to install. HACS will tell you what to add to your UI configuration.

The card type is aarlo-glance.js.

From Script

install /config
# check output looks good
install go /config

Add the following to the top of your UI configuration file.

resources:
  - type: module
    url: /local/aarlo-glance.js

The card type is aarlo-glance.js.

Configuration

The card supports the following configuration items:

Name Type Default Supported options Description
type string required custom:aarlo-glance
entity string required camera entity_id
name string Display Name
show string list required [motion, sound, snapshot, battery_level, signal_strength, captured_today, image_date] all items are optional but you must provide at least 1
hide string list [title, status, date ] Hide this information from the card.
top_title boolean false Show the title at the top of the card
top_status boolean false Show the status at the top of the card
top_date boolean false Show the date at the top of the card
image_click string ['play'] Action to perform when image is clicked. Remove attribute to play last recorded video when image is clicked.
door string entity_id Useful if the camera is pointed at a door.
door_lock string entity_id
door_bell string entity_id
door2 string entity_id Useful if the camera is pointed at a door.
door2_lock string entity_id
door2_bell string entity_id
light string entity_id Control a light near the camera.
light_left boolean false Place light control on left of card
camera_id string Override the calculated camera device name
motion_id string Override the calculated motion device name
sound_id string Override the calculated sound device name
battery_id string Override the calculated battery device name
signal_id string Override the calculated signal device name
capture_id string Override the calculated captured today device name
last_id string Override the calculated last captured device name

Notes

To get the show items (except snapshot, which needs nothing) to work correctly you need to enable the corresponding binary_sensor or sensor. For example, to get motion notifications working you need the following binary sensor enabled:

binary_sensor:
  - platform: aarlo
    monitored_conditions:
    - motion

If you rename any of the aarlo devices you will need to provide the full device name to get motion, sound, battery, signal, capture or last capture notifications to work. See the corresponding *_id configuration item.

Example

The following is my front door camera configuration.

type: 'custom:aarlo-glance'
entity: camera.aarlo_front_door_camera
name: Front Door
show:
  - motion
  - sound
  - snapshot
  - battery_level
  - signal_strength
  - captured_today
  - image_date
top_title: false
top_status: false
top_date: false
image_click: play
door: binary_switch.front_door
door_lock: lock.front_door_lock
door_bell: binary_switch.aarlo_ding_front_door_bell
door2: binary_switch.front_door
door2_lock: lock.front_door_lock
door2_bell: binary_switch.aarlo_ding_front_door_bell
light: light.aarlo_front_light

You don't need to reboot to see the GUI changes, a reload is sufficient. And if all goes will see a card that looks like this:

How it looks

Aarlo Glance

Reading from left to right you have the camera name, motion detection indicator, captured clip indicator, battery levels, signal level and current state. If you click the image the last captured clip will play, if you click the last captured icon you will be show the video library thumbnails - see below. Clicking the camera icon (not shown) will take a snapshot and replace the current thumbnail. (See supported features for list of camera statuses)

Clicking on the last captured clip will display thumbnail mode. Clicking on a thumbnail starts the appropiate video. You can currently only see the last 99 videos. If you move your mouse over a thumbnail it will show you time of capture and, if you have a Smart subscription, a reason for the capture. > takes you to the next page, < to the previous and X closes the window.

Aarlo Thumbnails

Further Documentation

See hass-aarlo for general Aarlo documentation.

lovelace-hass-aarlo's People

Contributors

twrecked avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.