Rebuilding the Frigate UI for 0.14 #11136
Replies: 184 comments 751 replies
-
This is awesome! |
Beta Was this translation helpful? Give feedback.
-
Amazing work! Looking forward to this. 👏🏼 |
Beta Was this translation helpful? Give feedback.
-
Oh man, I can't wait to jump on that beta! I'm excited about the alerts function and scrubbing!! Outstanding work guys! Edit: When you say you plan to release the beta soon... you mean like in a few hours, right? lol |
Beta Was this translation helpful? Give feedback.
-
Awesome stuff, really looking forward to it!
? |
Beta Was this translation helpful? Give feedback.
-
looks very promising. Will there be a version optimized for mobile devices? |
Beta Was this translation helpful? Give feedback.
-
Looks very impressive and looking forward to the beta. It looks like your revenue from Frigate+ was well spent and I will gladly support you with this effort... I am one of those that completely dumped my proprietary NVR system and adopted Frigate. |
Beta Was this translation helpful? Give feedback.
-
When I saw the title I thought "oh they are finally making it possible for non-experts to configure Frigate. Maybe I will never have to type 'nano config.yml' again because I entered one wrong character and now Frigate won't start". |
Beta Was this translation helpful? Give feedback.
-
No, the answer is obviously that Frigate is difficult to configure properly and not well documented. Let me be clear that this is NOT a complaint. I'm just stating my opinion that a camera viewing GUI is low-priority compared to a configuration UI. That's it. |
Beta Was this translation helpful? Give feedback.
-
This is awesome to see, we might fully drop Blue Iris when this launches if it solves all of our needs |
Beta Was this translation helpful? Give feedback.
-
I did that nearly two years ago. |
Beta Was this translation helpful? Give feedback.
-
I have been checking in on progress/using a dev build every few weeks the past few weeks and I was always wondering/waiting for the Debug view for the camera I just started using the latest dev build and wow, you guys have done a great job! I was blind and missing the Settings page and it is really great! Nice work, especially @hawkeye217 and @NickM-27, I know you guys have been busy! |
Beta Was this translation helpful? Give feedback.
-
Great job. That looks amazing so far. Are there any configuration changes that need to be made before switching from v0.13 to 0.14 dev? |
Beta Was this translation helpful? Give feedback.
-
This looks awesome. I would like to see a password protected UI just to keep people from casually getting into the config or camera feed. |
Beta Was this translation helpful? Give feedback.
-
With the Home Assistant/MQTT Integration, will there be different events published for an "alert" as opposed to a "detection" and "motion" events? |
Beta Was this translation helpful? Give feedback.
-
Firstly thanks so much for being constantly active here and listening to your needs. I guess I will have to eat the dog shit like I promised! lol. One thing: I absolutely love that I can scroll through the timeline and see all the events from all the cameras in sync. But what I really, really need (since I don't use events) is a timeline with a playhead where I can set the playhead at a specific place on the timeline and ALL the cameras will sync up to that specific point, then I want to press Play All and see all the cameras play in sync together. Please please please please I beg you to implement this. As I explained in a previous post, I live in Europe and it's very common to live in townhouses where your doorstep is level with the sidewalk and just have a meter of distance between your front porch and the sidewalk, with people walking by the detections are moot because an urban neighborhood of townhouses will see hundreds of people walking past the door every day just to go to work etc. So as you can imagine, in situations like that when the timeline is saturated with motion events that are merely people walking past the camera, it becomes totally irrelevant and the relevancy is more about being able to quickly play all sources in sync and without stuttering. One thing I suffer with is the stuttering when the player moves from one 10s segment to another. Every time it moves from segment A to segment B to segment C and so on, I get a half-second stutter. The more you increase the playback scale, the more stuttering. It's like a buffering effect. And if you play at 16x kiss bye bye to your sanity! As you will see is incessant stuttering as the player cannot move to the next segment seamlessly. Please for the love of almighty Jesus Christ address this major issue. It's during playback/review that any NVR shines... All NVRs can record, indeed my cameras will happily let me throw all the raw footage into a simple NFS mount. But it is the reviewing itself to find the crucial moments that makes a NVR special. I know you guys focus on detections but seriously your NVR can't be touched in terms of development speed and I sincerely hope you listen to my plight and do it 🙏🏻 God bless. PS. I was just thinking I forgot to mention how exporting easily is equally as important as finding the relevant event in question. Currently I have to use dropdowns to select camera, whether it's live or a timelapse, and then use date/time fields. I wish I could quickly use a timeline to set in/out points just like I can do in a video editing app... put the start handle at the beginning of where I want to export and the finish handle at the end of my export, then select cameras with checkboxes, click "export" and job done, the visual timeline would help a lot. But for those who want to still be exact please include a button to "enter date and time". |
Beta Was this translation helpful? Give feedback.
-
Is there a way to get audio playback in history/review mode? The speaker button on the video player controls doesn't seem to be having any effect. |
Beta Was this translation helpful? Give feedback.
-
@NickM-27 You mentioned in my frigate HASS integration feature request that "starred events are going away in favor of exported clips." Am I to understand that in 0.14 if we want to save an event beyond the retention period, the only option will be to export externally? |
Beta Was this translation helpful? Give feedback.
-
Hi @NickM-27 - Are you expanding the date selector in review/history to be a date range / all, or just more than one day? My use case: I have audio detection. I want to see all the BEEPS/HONKS/SKIDDING etc events. But it appears I have to do this by selecting each 24h period one by one. I probably look at these events only once a week because I get 2-3 of these events a week only. It becomes more of an effort to review than a quick glance. The calendar shows red dots where those events did exist when a filter is applied, but I'm not sure this is very efficient to click through all the days unless I'm missing the reason for the limitation. I have the same issue with my front door camera and lack of events. |
Beta Was this translation helpful? Give feedback.
-
PWA - Password save I have installed frigate as an app on the android phone. Each time I have to put the password in the field. |
Beta Was this translation helpful? Give feedback.
-
Is there a way to ignore events from specific cameras? There are a few I'd like to 'mute' in terms of alerts, birdseye, etc. |
Beta Was this translation helpful? Give feedback.
-
Small fix/requests for the logger pages, in order of priority:
Thanks! |
Beta Was this translation helpful? Give feedback.
-
Would it be possible to maybe add a scaling feature to the Frigate+ image reviewing section in the Frigate UI? Maybe allow for folks to make the images larger to do a quick scan to see if anything needs to be submitted as false positives and true positives in other means? Today I am working to give back by training as many images as possible and use API calls to send events to F+ only after I've weeded out the false positives but it would be nice to quickly scroll through the images and even using the zoom in on browser makes the rest of the web UI blown out. |
Beta Was this translation helpful? Give feedback.
-
One of the things I loved about events in 0.13 was the images for when the object entered/left each zone. I think this topic is to be eventually addressed in #11399 ([UI] Screen to solve the goal "why was this review item created). Is there any way manually figure this out until addressed? edit: Manually logging every event update via MQTT notwithstanding ;) Reason: In 0.14, I have had a few reviews where something entered a zone and I can't figure out exactly how/when (likely bottom of object obscured from view), and I'm trying to figure out how to fix my config to correct for it. |
Beta Was this translation helpful? Give feedback.
-
i have one wireless camera (Amcrest IP4M-1041B) that I cannot seem to get working with two-way talk via iOS. It was previously working fine with frigate-hass-card via Home Assistant. If i load the camera, and click the microphone button it goes blank (it needs to reload or something I assume--frigate-hass-card did this as well) but then never loads up again. I have to go back to the live home screen then click on the camera again to even view the video again, but clicking on the microphone button causes the same issue to re-occur. Any ideas? I've already tried the latest go2rtc to see if it was on that end of the spectrum and ive also tried elimating the go2rtc:
streams:
garage:
- rtsp://****:****@192.168.**.**:554/cam/realmonitor?channel=1&subtype=0
- ffmpeg:garage#audio=opus
cameras:
garage:
enabled: true
ffmpeg:
hwaccel_args: preset-nvidia-h265
output_args:
record: preset-record-generic-audio-copy
inputs:
- path: rtsp://192.168.**.**:8554/garage
input_args: preset-rtsp-restream
roles:
- record
mqtt:
enabled: false
record:
retain:
days: 14
mode: all
objects:
track:
- person
- dog
detect:
enabled: false
motion:
threshold: 50
contour_area: 50
frame_height: 25
ui:
order: 2
onvif:
host: 192.168.**.**
port: 80
user: ****
password: **** |
Beta Was this translation helpful? Give feedback.
-
Loving the new UI. I would completely ditch my dashboard but I can't seem to use the 2 Way Audio from my Reolink doorbell from the frigate ui. Is this possible? |
Beta Was this translation helpful? Give feedback.
-
What version of go2rtc is bundled with 0.14? Just curious how current it is as I started running the recent releases externally with 0.13.x as they were a little more stable with my cameras. Obviously I could continue to do that if needed but I prefer to not have to maintain external dependencies if not needed. |
Beta Was this translation helpful? Give feedback.
-
First off, the new UI and functionality are looking great. Well done. I've been using this since beta1. I am truly looking forward to this going stable. This and another Frigate+ base model update or two and I feel like I'll finally fully replace my Unifi NVR. My biggest gripe right now, which is a fairly big one, is that it has gotten much harder to usefully submit to Frigate+. Previously I could skim through and submit the lowest confidence true positives and highest confidence false positives. Now I can't see the score, and half the time I can't see the object either, because they're too small. It also just feels clunky that this is separate from the Review page. I review all the events, then... I go review all the events again on the Frigate+ page, but now they're harder to see? |
Beta Was this translation helpful? Give feedback.
-
So far I am enjoying the new UI interface and I do like its streamlined and user-focused approach. The new auth system is a nice bonus on top of that, no more worries of exposing Frigate to the open internet without proper authentication. Having all the cameras on the front page switch when there's motion and making them group-able is all I wanted improved from pre-0.14's UI. Yet they gave so much more. The live view is much more focused on the camera's view. The ability to zoom in makes it much better than the old UI's. I like the new Review page and being able to watch recordings/events throughout the day. Switching from two separate pages, of "Recordings" and "Events", to one page that the recordings with the events highlighted is a great improvement. Having exports be a searchable page where exports have their own names, along with the ability to both delete and re-name is nice. Not really anything to complain about there. Frigate+'s page is okay. I wish a more robust system of submitting images was implemented. Such as editing the image's bounding boxes to fit objects and adding other bounding boxes, just like Frigate+'s site. Though a central hub for submitting images is nice, and I understand the local hosted frigate and the Frigate+ site only interact via an API. Overall, I'm pretty happy. Still getting used to the new interactions and behavior but overall it's enjoyable. Now that the UI has been overhauled, that opens future opportunities in the future. Personally I can't wait until a UI camera/advanced configuration is made. |
Beta Was this translation helpful? Give feedback.
-
I think I have found an issue with the UI on 0.14 beta 2 related to changing object type on an existing object mask. Using chrome on android, mobile version of frigate UI, when attempting (within Masks/Zones) to change the object type of an existing object mask's object type, on a camera different to the one initially/default selected, the change in object type is not committed after save and frigate reboot. I have not attempted on desktop/non mobile version.
|
Beta Was this translation helpful? Give feedback.
-
Is timelapse export hidden somewhere in the new UI? I only see the export which doesn't give you the timeline option |
Beta Was this translation helpful? Give feedback.
-
TLDR: We have completely overhauled the UI for Frigate to focus on specific common user goals. It’s a big change and we hope you love it. This is just where we started, and the new UI isn’t entirely at feature parity with the current release yet.
Updated Documentation
Guided Demo of new UI
We plan to release the first beta soon.
Background
Frigate started as a stateless object detection pipeline for live video fees with information relayed over MQTT to be used in Home Assistant. Initially, I had no intention of building a UI for it. HomeAssistant was the UI. After a few years of releases in January 2021, a community contribution with a basic web UI was made as a part of version 0.8.0. Since then, the UI has always been treated as a basic interface to expose some of the backend information that Frigate was using to detect and track objects. As new features like clips and recordings were added the UI was updated to provide an interface to view them.
A new approach
As Frigate has become more mature, it has evolved from a real time object detection pipeline into an NVR. While it still lacks some of the customization and features from NVR solutions that have existed for longer, many users are migrating from those platforms and using Frigate as their primary NVR solution. However, Frigate’s UI was never designed around specific user goals, nor was any real thought put into the efficiency of accomplishing common tasks.
Frigate+ was created in part to help fund the future development of Frigate. While still in the early phases, the initial revenue from Frigate+ subscriptions created an opportunity to hire outside resources for revamping Frigate’s UI. After looking at various options, I decided to hire Jim Designs.
The Goals
I wanted to design the new UI around specific user goals with the intent to have a UI that allows accomplishing those goals as quickly and efficiently as possible. The following goals are where we started. I expect we will continue to find better ways of accomplishing these goals in the future as well as incorporate additional goals.
What is happening right now and/or what just happened?
The first use case centers around the need to quickly see what is happening or what just happened. Imagine you hear a sound outside, your dog barks, or the doorbell rings and you want to quickly be able to see your cameras.
The new home page for Frigate is intended to be a real time dashboard for your cameras. Recent alerts are represented by animated thumbnails in a filmstrip view above your camera feeds. Your camera images update once per minute when no detectable activity is occurring to conserve bandwidth and resources. As soon as any motion is detected, cameras seamlessly switch to a live stream. In addition, camera groups have been added so you can quickly switch between indoor and outdoor cameras.
Selecting a camera takes you to a new live view where the scroll wheel can be used to zoom in and out.
What happened last night (or the past 24 hours)?
A common use case for security cameras is reviewing last night’s footage for any concerning activity. The first step of that process is checking to see what Frigate detected. In the current UI, this is accomplished by scrolling through your events. Because events are simply low level tracked objects, their time ranges may overlap or still be in progress. This makes it difficult to review a timeline of video without jumping around or watching the same section of video multiple times. If a person walks by with their dog and a car drives by at the same time, you will end up with 3 separate events all with overlapping time ranges. It is difficult to reason about what periods of time you have and haven’t reviewed.
In order to switch to a more timeline oriented review process, we implemented a new area of the app for reviewing video footage. When reviewing, Frigate intelligently identifies parts of your timeline for review by leveraging the underlying data about motion and tracked objects. These time periods are mutually exclusive, so once you have reviewed a portion of the timeline for a camera, it is marked as reviewed.
The other primary focus was on efficiency. We wanted users to be able to review these segments as efficiently as possible. Rather than scrolling through a timeline and trying to align a single point with an indication of activity, we implemented a scrollable grid of thumbnails alongside a timeline. Hovering (or swiping on mobile) over the thumbnails will start a preview playback for the segment inline. You can also grab the progress bar to scrub through the segment.
After watching a segment, it is marked as reviewed.
Lastly, not all segments are created equal. Video of people who enter your property are a different priority than those walking by on the sidewalk. By default, all person and car objects are considered alerts. You can refine what ends up in the alert tab by configuring required zones for your events.
Was anything missed last night?
In the current release, there isn’t a way to see motion activity on a timeline and watch video at that time. The ability to scrub video for things Frigate missed has been one of the most common feature requests.
Within the Motion tab of review, you can now scrub through the timeline for all cameras simultaneously with a timeline showing relative motion activity.
In order to avoid scrubbing over time periods already included in alerts and detections, you can scrub in motion only mode.
Other Notable Improvements
Beta Was this translation helpful? Give feedback.
All reactions