v1.3.1
AlertTicker Card v1.3.1
5 new features · 7 bug fixes
✨ What's New
📹 Live Camera Stream in Overlay Banner
When a camera_entity is set, the new per-alert toggle camera_live: true replaces the static snapshot in the overlay banner with a live HLS / WebRTC stream powered by <ha-camera-stream>. Falls back silently to the static snapshot when the streaming component is not yet loaded by HA.
alerts:
- entity: binary_sensor.front_door_motion
state: "on"
message: "Motion at front door"
camera_entity: camera.front_door
camera_live: true
overlay_mode: trueConfigurable in the visual editor — 📷 Camera section → Live stream toggle (visible only when a camera entity is selected).
🖼️ Camera as Alert Card Background
New per-alert toggle camera_in_card: true shows the configured camera image as a full-bleed background layer behind the alert card slide — visible on every rotation, not just when the overlay fires. The card content is overlaid on top with a semi-transparent backdrop so all text and buttons remain readable. Works with all 41 themes.
alerts:
- entity: binary_sensor.front_door_motion
state: "on"
message: "Motion at front door"
theme: intruder
camera_entity: camera.front_door
camera_in_card: true🔘 Hide History / Snooze Buttons
Two new global options (both default true) to completely remove the action buttons from the card — useful for minimal layouts or dashboards where history and snooze are not needed. (#118)
show_history_button: false # hide 📋
show_snooze_button: false # hide 💤➡️ secondary_value_align: right — Per-Alert Layout
Move the secondary value (secondary_text, secondary_entity, or {timer}) to the right column on the same row as the message title instead of below it. This is a per-alert option — each alert in the card can use a different layout independently. The nav counter slot is hidden when active. (#118)
alerts:
- entity: sensor.co2_ppm
operator: ">"
state: "1000"
message: "CO₂ level critical"
secondary_entity: sensor.co2_ppm
secondary_value_align: right📝 history_message — Custom History Log Entry
Override what gets written to the history log for any alert. Useful when message is a complex Jinja2 template that would produce a verbose or meaningless log entry. Supports {name}, {state}, {entity} placeholders. When not set, the main message is recorded as before (non-breaking). (#114)
alerts:
- entity: sensor.power_meter
operator: ">"
state: "3000"
message: "{{ state_attr('sensor.power_meter','current_power') | round(0) }} W · {{ now().strftime('%H:%M') }}"
history_message: "High power usage detected"🐛 Bug Fixes
| # | Fix |
|---|---|
| #110 | Music player badge_label ignored — badge_label now replaces "NOW PLAYING" when set; falls back to "NOW PLAYING" when absent |
| #110 | Music player: entity/room name missing for entity_filter alerts — matched entity's friendly name is now shown as a subtitle below the artist line (respects show_filter_name: false) |
| #117 | Timer secondary text invisible on HA light themes — timer_pulse and timer_ring themes now use var(--primary-text-color) for secondary text instead of the hardcoded white that was correct for dark themes only |
| #113 | Card flicker with mixed {{ }} + {name} templates — WebSocket subscriptions that already have a cached result are no longer discarded on each set hass() call, eliminating the flicker between raw template and resolved value |
| #112 | auto_dismiss_after not dismissing — timer callback now calls _computeActiveAlerts() directly instead of requestUpdate(), so the alert is actually removed from the rendered list when the timer expires |
| #107 | trigger_delay fires early with multi-entity conditions — elapsed time is now computed from Math.max(last_changed) across all condition entities, not just the primary entity |
| #105 #119 | Music player cover art blank with local HA image URLs — reads entity_picture_local first, falls back to entity_picture; fixes blank art with Spotify, local media, and iOS Companion App |
📦 Installation
HACS (recommended)
Search for AlertTicker Card in HACS → Frontend, or click:
Manual
Download alert-ticker-card.js and alert-ticker-card-editor.js from this release and copy both to /config/www/. Then hard-reload your browser (Ctrl+Shift+R).
If this card saves you time, consider buying me a coffee ☕
