New Frigate Lovelace card for Home Assistant #1590
Replies: 37 comments 56 replies
-
|
Assuming clips on this will also not work with the beta? |
Beta Was this translation helpful? Give feedback.
-
|
Correct. They'll all be updated in sync, i.e. once there's a pre-release of the integration for 0.9.0 beta, there'll be a pre-release of the card that does likewise. ETA: <1 week. |
Beta Was this translation helpful? Give feedback.
-
|
Very exciting! I'm loving the beta so far so to have it be fully integrated
again will be a blessing (:
…On Sun, Aug 22, 2021, 22:50 Dermot Duffy ***@***.***> wrote:
Correct. They'll all be updated in sync, i.e. once there's a pre-release
of the integration for 0.9.0 beta, there'll be a pre-release of the card
that does likewise. ETA: next few days.
—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
<#1590 (reply in thread)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/AGNPLPTWI3ZDP52URLGN4M3T6HAQTANCNFSM5CTIYO3A>
.
Triage notifications on the go with GitHub Mobile for iOS
<https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675>
or Android
<https://play.google.com/store/apps/details?id=com.github.android&utm_campaign=notification-email>
.
|
Beta Was this translation helpful? Give feedback.
-
|
What a NICE and easy card! Nice work!! |
Beta Was this translation helpful? Give feedback.
-
|
I have frigate installed through home assistant. When attempting to use the card, i add the camera, but i think the frigate_url may not be correct, i get the below when trying to access frigate functions iv tried these but i keep getting the below image, can anyone offer an example of the frigate_url i should be entering
|
Beta Was this translation helpful? Give feedback.
-
|
Yes, that suggests the card cannot talk to the Frigate backend. If you access Home Assistant over http (not https), try If you are accessing Home Assistant over https, you must also access the Frigate backend over https as otherwise the browser will complain about mixed content (won't let you access http from https). In that case, whatever reverse proxy system you are using for Home Assistant itself would need to be updated to also reverse proxy the connection to the Frigate backend. I'd like to update the documentation to reflect this, but I have no direct test environment for this configuration. Would you mind testing it out and see what I could add to the documentation? |
Beta Was this translation helpful? Give feedback.
-
|
Hi Dermot, I'll help where i can, i have not setup a reverse proxy as yet, but recently i have noticed it being very much a buzz topic around here, so i guess ill look into it and its benefits. Thanks, the local address with port :5000 sorted my connection to backend, but i still was running into an issue around naming. I did resolve an issue i was having with the connecting to the frigate backend. In the frigate config file i had named my cameras with a capital at the beginning of the camera name example Front. But when home assistant generate the camera, it appears as camera.front (lowercase "f"), and when the frigate card tries to connect to the entity camera with with the lowercase "f" it doesnt load the camera feed from frigate like below, notice the address bar lowercase f And if i manually change to a uppercase "F" then the link works So essentially, if trying to setup through lovelace, i wouldn't be able to connect, unless i have the camera named in the frigate.yml the same as the camera entity and in lower case. When attempting to connect with nabu casa (https://#####.ui.nabu.casa:5000) i get the blue turning circle of infinity, im not sure if this relates to the reverse proxy that i see mentioned as being the solution. |
Beta Was this translation helpful? Give feedback.
-
|
Try using the camera name option |
Beta Was this translation helpful? Give feedback.
-
Thanks scooper1, worked a charm |
Beta Was this translation helpful? Give feedback.
-
|
But i am still unable to connect outside my network with nabu casa, is there something i need to do, reverse proxy? |
Beta Was this translation helpful? Give feedback.
-
|
sorry, i see this is all in the docs. now i understand it after crossing the issue, ill look into the reverse proxy |
Beta Was this translation helpful? Give feedback.
-
|
In the meantime, I plan to work on dermotduffy/frigate-hass-card#19 which will try to fetch the events via Home Assistant rather than directly via the backend. Follow along that issue to stay tuned! |
Beta Was this translation helpful? Give feedback.
-
|
Hi ! Thanks for the great work on this card ! Almost everything is working on my setup except viewing clips. I can see the clips thumbnails but as I click on one, I get the following error:
In the Firefox console I see: frigate: 0.9.0-rc2-amd64 (0.9.0-46fe06e) Thanks ! |
Beta Was this translation helpful? Give feedback.
-
|
The currently released card doesnt work with the pre-release Frigate/integration (i.e. won't work with the beta/rcs for Frigate 0.9.0). This is already fixed in code, I'll be doing another card release in the next few days. Stay tuned! |
Beta Was this translation helpful? Give feedback.
-
|
Great news ! Thanks for the work once again ! |
Beta Was this translation helpful? Give feedback.
-
|
Hello all, There's a new pre-release of the Frigate Lovelace card version v1.0.0 that I'd love some help testing. This has significant changes in how event metadata and content is fetched, such that direct card->Frigate communication is no longer required. This should help resolve the issues some addon users / Nabu Casa users had. The card will now work with Frigate 0.9.0, and a host of other smaller features (see below). How to test a pre-release: Bugs and feature requests very welcome! Changes💥 Breaking Changes
🚀 Features
🐛 Fixes
🐎 Performance
📚 Documentation
💄 Style
📦 Dependencies
|
Beta Was this translation helpful? Give feedback.
-
|
I installed that version (v1.0.0) and it indeed fixed the one issue I had of not seeing the clip nor snapshot galleries when going through Nabu Casa. THANK YOU! The snapshots work perfectly however when I select a clip from the gallery, it does not play. I can see the little navigation circles for previous and next, but the clip itself does not play. The play arrow is greyed out and the time is 0:00. When I connect through my local address (e.g. homeassistant.local:8123) I get the same behavior. Previously it would work via the local address but not via my iOS UI or the Nabu Casa address. Happy to help troubleshoot. |
Beta Was this translation helpful? Give feedback.
-
|
Hi @latum , file a bug and lets see if we can figure it out! In the bug please include the version of Frigate you're using, as well as the version of the Frigate integration. (In particular, I'm curious if the clip plays in the Media Browser for Home Assistant at all, separate from the card. If it plays in the media browser, but not the card -- that's a bug in the card. If it doesn't play in the media browser, then it might be something wrong with Frigate or the integration -- but probably not the card). |
Beta Was this translation helpful? Give feedback.
-
|
Yep, the clip plays from the media browser -> frigate -> clips gallery. I'll file a bug |
Beta Was this translation helpful? Give feedback.
-
|
For others: @latum has filed dermotduffy/frigate-hass-card#55 and we'll discuss there. |
Beta Was this translation helpful? Give feedback.
-
|
Installed 1.0 and it looks great! I'm able to hide unwanted menu items and most importantly I'm able to play Frigate .90 clips. Clips play fine on my Fire tablets which are my main devices but in Windows browsers (Chrome/Edge) on mouseover they get a scrollbar and playback "shimmers" like 2 misaligned projectors playing the same movie. Focusing mouse on another part of the page generally restores correct playback. This goes for both Frigate .90 clips and previous ones. The prior version of this card played pre-.90 Frigate clips just fine on Windows browsers.
While I like the next/previous buttons on clip playback, an option to turn them off would be nice as well. |
Beta Was this translation helpful? Give feedback.
-
|
Thanks @pavlov70 . Filed some bugs for you:
I'll followup there. Thanks for the feedback! |
Beta Was this translation helpful? Give feedback.
-
|
Thanks! I can't really capture an image of the shimmer but it appears as though on mouseover the scrollbar appears and disappears every other frame, and thus the image shifts position every other frame as well. No biggie since it works fine on the tablets where it counts. Keep up the good work! |
Beta Was this translation helpful? Give feedback.
-
|
New pre-release v1.0.1 . How to test a pre-release: Bugs and feature requests very welcome! Changes🚀 Features
🐛 Fixes
🔨 Refactoring
📦 Dependencies
|
Beta Was this translation helpful? Give feedback.
-
|
I have installed the latest beta version and have a couple questions. First of all, what is the correct syntax to disable specific menus? I tried |
Beta Was this translation helpful? Give feedback.
-
|
A few thoughts:
menu_buttons:
live: true
frigate: false
[...]
|
Beta Was this translation helpful? Give feedback.
-
|
This is my current config for the card.
```
icon: mdi:camera
path: test
cards:
- type: 'custom:frigate-card'
camera_entity: camera.frigate_porch
frigate_url: http://192.168.1.119:5000
view_default: live
menu_mode: overlay_bottom
menu_buttons:
live: false
live_provider: webrtc
webrtc:
entity: camera.porch
entities:
- entity: switch.frigate_porch_snapshots
- entity: switch.frigate_porch_clips
```
I checked and I am running the latest version 1.0.1. I installed it via HACS as described in this thread. I still have not converted over to using the visual editor in lovelace, been doing yaml in HA for a couple years. But this is kind of crazy. The menu_mode: overlay_bottom shown above causes an error in Lovelace (works OK if I simply say overlay) and the Live view menu is still displayed even though I have live: false. I think based on the above config I should also see the two entity switches? These also do not display as well as not having navigation arrows. Any help or suggestions would be deeply appreciated.
|
Beta Was this translation helpful? Give feedback.
-
|
Could it be your browser cache? Try in an Incognito window? |
Beta Was this translation helpful? Give feedback.
-
|
OMG - how many more times will I spend hours on a problem, only to find out it was a cache problem. (and waste everyones time). So sorry, cleared the cache and now things are working correctly. |
Beta Was this translation helpful? Give feedback.
-
|
Glad you figured it out! |
Beta Was this translation helpful? Give feedback.
-
|
Hi Dermot I understand what you mean. It does appear from testing the menu_mode options that I am running the old version, however I have uninstalled and then reinstalled V1.0.1 twice just to be sure. I see in your release notes for V 1.0 under Breaking Changes that menu mode 'hidden' was renamed to 'hidden-top'. So with the new version, 'hidden' should cause an error. However, on my installation, hidden works, but hidden-top generates an error. All very confusing. I am correct in assuming that the only thing HACS installs are the files frigate-hass-card.js and frigate-hass-card.js.gz? |
Beta Was this translation helpful? Give feedback.
-
|
Dermot, After getting this up and running correctly I have to commend you on a fantastic implementation. Going through your docs brought my attention to the WebRTC project which I had not previously seen. Bringing Frigate and WebRTC together has made it possible to create the "perfect" user interface for my cameras. Thank you so much! I really like being able to add the frigate sensors to the lovelace card, making it possible to enable and disable motion detection from the camera display itself. I don't know if this is possible, but is there a chance that you could add another option per entity that would allow the default "click" option to toggle the state of the entity rather than displaying the more-info card? This would allow detection to be turned on and off with a single click. For example: I also saw reference to the future hover menu option - can't wait to try this out! Thanks again for all your efforts. |
Beta Was this translation helpful? Give feedback.
-
|
Thanks for the feedback! I've filed dermotduffy/frigate-hass-card#74 for your toggling idea, so you can follow along there. PS: The hover menu really turned out well. |
Beta Was this translation helpful? Give feedback.
-
|
Any chance there will be a release soon to include the hover menu, or is there a way to get a version from the hover branch to test? |
Beta Was this translation helpful? Give feedback.
-
Beta Was this translation helpful? Give feedback.
-
|
You are right - "the hover menu really turned out well!" |
Beta Was this translation helpful? Give feedback.
-
|
New pre-release v1.1.0 . How to test a pre-release: Bugs and feature requests very welcome! ChangesNote: Because this pre-release includes a significant internal (but backwards compatible) refactor, there is an increased risk of minor style/functionality regressions. Please help this card improve by reporting bugs! 🚀 Features
📚 Documentation
🔨 Refactoring
📦 Dependencies
|
Beta Was this translation helpful? Give feedback.
-
|
New pre-release v1.2.0 . How to test a pre-release: Bugs and feature requests very welcome! Changes💥 Breaking Changes
🚀 Features
🐛 Fixes
🐎 Performance
📚 Documentation
📦 Dependencies
|
Beta Was this translation helpful? Give feedback.
-
|
Hi, would you be so kind as to share an example of your live view w/ thumbnail carousel yaml? I'm at 2.10 and would have thought the below snippet would have given me the carousel below the live view, but alas I simply get the live view. Am I missing something? Thanks and keep up the great work!
|
Beta Was this translation helpful? Give feedback.
-
|
And.... just like I often do, as soon as I post the message I find a solution. I cleared the cache and re-started the browser and all is good now. |
Beta Was this translation helpful? Give feedback.
-
|
Hello This card is great, thank you. Is there a way to make the icons in snapshot view larger? I added few cards to my wall mounted tablet and they are so tiny it's almost impossible to see. Thanks!
|
Beta Was this translation helpful? Give feedback.
-
|
No, there isn't, but there could be! In fullscreen mode, it automatically uses the expanded screen real-estate and expands the thumbnail sizes, but I don't see a reason this couldn't be configurable outside of fullscreen mode. Please file a feature request here. Thanks! |
Beta Was this translation helpful? Give feedback.
-
|
New pre-release v3.0.0-rc.1 . How to test a pre-release: Bugs and feature requests very welcome! v3.0.0-rc.1💥 This release may require you to update your card configuration significantly 💥
Multiple Camera Support
Many Extensibility / Configurability Improvements
Changes💥 Breaking Changes
🚀 Features
🐛 Fixes
📚 Documentation
🔨 Refactoring
💄 Style
📦 Dependencies
|
Beta Was this translation helpful? Give feedback.
-
|
Someone knows why my webRTC integration for frigate in HA is very lagy all the time? It is loading very long all the time.
|
Beta Was this translation helpful? Give feedback.
-
|
It is webrtc related not the card . How did U setup webrtc?
Tuurkevg ***@***.***> schrieb am Mo., 21. Feb. 2022, 18:34:
… Someone knows why my webRTC integration for frigate in HA is very lagy all
the time? It is loading very long all the time.
type: custom:frigate-card
camera_entity: camera.cam0_2
frigate:
mode: above
buttons:
image: true
live: true
frigate: true
frigate_ui: true
url: https://frigate.home.vanginderachter.be/
elements:
- type: custom:frigate-card-menu-state-icon
entity: switch.gate_relay_0
tap_action:
action: toggle
view:
default: live
timeout: '30'
live:
lazy_load: true
provider: webrtc
webrtc:
url: >-
***@***.***:554/h264Preview_01_sub
preload: true
event_viewer:
auto_unmute: true
controls:
next_previous:
style: thumbnails
thumbnails:
mode: below
lazy_load: false
image:
src: >-
https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fimages.gludy.com%2Fphotos%2F0%2FAnonymous-wallpaper_950.jpg&f=1&nofb=1
dimensions:
aspect_ratio_mode: dynamic
[image: afbeelding]
<https://user-images.githubusercontent.com/77327545/155003510-715ec782-ebea-4fcc-903b-7fb278503c8f.png>
I use an google coral and all my cpu usage is fine.
—
Reply to this email directly, view it on GitHub
<#1590 (comment)>,
or unsubscribe
<https://github.com/notifications/unsubscribe-auth/ADFUA7Z2UGSS7CD3K4CC7ADU4JZTPANCNFSM5CTIYO3A>
.
Triage notifications on the go with GitHub Mobile for iOS
<https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675>
or Android
<https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>.
You are receiving this because you were mentioned.Message ID:
***@***.***
com>
|
Beta Was this translation helpful? Give feedback.
-
|
WebRTC is just installed on the normal way. I followed the guide on github. Or what do you mean exactly? |
Beta Was this translation helpful? Give feedback.
-
There's a handful of different types / setups of WebRTC that can be installed in HASS. You need to be more specific about how your setup is working. |
Beta Was this translation helpful? Give feedback.
-
|
New pre-release v3.0.0-rc.2 . How to test a pre-release: Bugs and feature requests very welcome! v3.0.0-rc.2💥 This release may require you to update your card configuration significantly 💥
Multiple Camera Support
Many Extensibility / Configurability Improvements
Changes [Only showing 3.0.0.rc-1 -> 3.0.0.rc-2]💥 Breaking Changes
🚀 Features
🐛 Fixes
📚 Documentation
🔨 Refactoring
|
Beta Was this translation helpful? Give feedback.
-
|
@dermotduffy thanks for the fantastic work! Is there a way to change the default view (specifically switching between 'live' or 'image') depending on whether the camera is on or off (as indicated by a HA switch entity)? Setting default view as live is very convenient, but when I am at home, I switch off some cameras that are indoor, and the live view would keep showing the spinning icon. I guess it might also drain some resources as it would keep trying to fetch the camera stream. Thanks! |
Beta Was this translation helpful? Give feedback.
-
|
Speaking of which, Frigate itself could provide a sensor entity to detect whether the camera is on or off. In that case, the Frigate Card itself could be smart enough to select the best view mode given the data. I suppose you are using another integration to provide such a switch entity, right? |
Beta Was this translation helpful? Give feedback.
-
|
@felipecrs That would be easier after #1911 but right now the only "off" signal Frigate has is if the camera is currently having connection issues and ffmpeg can't maintain a connection which (IMO) is an ambiguous signal and not good for providing on / off status. Once the toggle for cameras is implemented then yeah the card should be able to handle that elegantly |
Beta Was this translation helpful? Give feedback.
-
|
I agree that relying on the FFMPEG data may not be reliable, but Frigate could do some sort of pinging mechanism to properly detect whether the camera is offline or not. Not sure if there are noticeable compromises in doing that. Like:
Nevertheless, they are two different features (detecting/exposing camera online/offline state and allowing to turn a camera on or off). |
Beta Was this translation helpful? Give feedback.
-
|
Separate from Frigate, the card should also be able to do this (as I can imagine many combinations where the entity in question is not the camera). I have a plan for that, which I describe in dermotduffy/frigate-hass-card#529 . In short: Working on it! |
Beta Was this translation helpful? Give feedback.
-
|
Guys, thank s a lot for the reply! As @dermotduffy has mentioned, I will eagerly wait for the new functionality. Thanks again for helping a non-programmer like me to figure this out! |
Beta Was this translation helpful? Give feedback.
-
|
New pre-release v4.0.0-rc.1 . How to test a pre-release: HACS -> Frontend -> Frigate Card -> Redownload -> Show beta-versions -> (Select latest) Bugs and feature requests very welcome (please make sure you are using at least integration version v3.0.0-rc.2 prior to filing support requests). v4.0.0-rc.1💥 This release may require you to update your card configuration significantly 💥
To get full functionality from this card release you need to use integration version v3.0.0-rc.2 or later. Timeline Support
Scan Mode
Cast Support
Other improvements
... and many more smaller features & improvements. ThanksThanks in particular to @felipecrs , @NickM-27 and @peledzius for a considerable amount of testing, issue reporting and development with this pre-release. Changes💥 Breaking Changes
🚀 Features
🔥 Removals and Deprecations
🐛 Fixes
🐎 Performance
🚨 Testing
📚 Documentation
🔨 Refactoring
💄 Style
📦 Dependencies
|
Beta Was this translation helpful? Give feedback.
-
|
Updating the card worked fine but I have strange layout . The video won't show correctly but oversized |
Beta Was this translation helpful? Give feedback.
-
|
For others, @thundergreen has filed dermotduffy/frigate-hass-card#741 to discuss. |
Beta Was this translation helpful? Give feedback.
-
|
It appears that RC1 has once again broken the hover menu style - it is always displayed. The previous version that I was using that worked correctly was built from the source on 06/18/2022 if that helps. |
Beta Was this translation helpful? Give feedback.
-
|
Thanks @tbrausch , now fixed in dermotduffy/frigate-hass-card#742 . |
Beta Was this translation helpful? Give feedback.
-
|
New pre-release v4.0.0-rc.2 . How to test a pre-release: HACS -> Frontend -> Frigate Card -> Redownload -> Show beta-versions -> (Select latest) Bugs and feature requests very welcome (please make sure you are using at least integration version v3.0.0-rc.3 prior to filing support requests). Requires bleeding edge integrationRequires integration version v3.0.0-rc.3 or later. Play favorites!
Changes (since v4.0.0-rc.1)🚀 Features
🐛 Fixes
📚 Documentation
🔨 Refactoring
📦 Dependencies
|
Beta Was this translation helpful? Give feedback.
-
|
hi all |
Beta Was this translation helpful? Give feedback.
-
|
The events section in the card has playback, unless you're looking at the snapshots page. |
Beta Was this translation helpful? Give feedback.
-
|
i mean i want to see "recordings" |
Beta Was this translation helpful? Give feedback.
-
|
@dermotduffy correct me if I'm wrong but I don't believe the card supports viewing 24/7 recordings at this time. |
Beta Was this translation helpful? Give feedback.
-
|
The v4 pre-releases can view 24x7 recordings from the timeline view: https://github.com/dermotduffy/frigate-hass-card/tree/release-4.0.0#single-camera-recordings |
Beta Was this translation helpful? Give feedback.
-
|
New pre-release v4.0.0-rc.3 . How to test a pre-release: HACS -> Frontend -> Frigate Card -> Redownload -> Show beta-versions -> (Select latest) Bugs and feature requests very welcome (please make sure you are using at least integration version v3.0.0-rc.4 prior to filing support requests). Requires bleeding edge integrationRequires integration version v3.0.0-rc.4 or later. New native PTZ controlA new native PTZ controller:
Custom media layoutsChange the layout of the media within the card aspect ratio, for example to view a Before
After
All Changes (since v4.0.0-rc.2)💥 Breaking Changes
🚀 Features
🐛 Fixes
🐎 Performance
🚨 Testing
📚 Documentation
🔨 Refactoring
💄 Style
📦 Dependencies
|
Beta Was this translation helpful? Give feedback.
-
|
@dermotduffy im assuming v4.1 card will be released alongside v0.12 frigate? would you consider doing a v4.1-beta release? ive been manually building from source in the mean time but want to get switched back to HACS asap :) |
Beta Was this translation helpful? Give feedback.
-
|
@kirsch33 They're not especially directly coupled. I plan to do a beta release the moment this list is empty, regardless of whether Frigate |
Beta Was this translation helpful? Give feedback.
-
|
Is it possible to remove this bottomline in order to have a full card image/video?
|
Beta Was this translation helpful? Give feedback.
-
|
I have never seen this bottom line before -- suspect it is some theme or plugin you are using. Try the default HA theme, or disable other cards/plugins temporarily to see if it goes away and you can figure out the cultprit. The card is not doing that. |
Beta Was this translation helpful? Give feedback.
-
|
@dermotduffy thanks for your rapid answer. What is strange is the fact that if I configure the style of the menu as OUTSIDE, the buttons go to this botton line: 
Below is the part of the code that I'm using, is there something wrong with my config? |
Beta Was this translation helpful? Give feedback.
-
|
There is nothing wrong with your config. As mentioned above, my guess is you have custom themes / plugins interfering with the styling. You could find out which one by using default theme, and selectively enabling other cards until you find the culprit. |
Beta Was this translation helpful? Give feedback.
-
Hello all,
I'm one of the maintainers of the Home Assistant integration for Frigate. One of the long-standing wishlist items had been a custom Frigate Lovelace card that integrates some of the features of Frigate onto a live camera card view.
It now exists! https://github.com/dermotduffy/frigate-hass-card
Features:
Bug reports or feature requests most welcome.
Beta Was this translation helpful? Give feedback.
All reactions