Commit Graph

217 Commits

Author SHA1 Message Date
Nicolas Mowen
52ca4a6e3d Merge branch 'streamline-live' of github.com:blakeblackshear/frigate into streamline-live 2024-02-09 11:04:04 -07:00
Nicolas Mowen
3e1185dfb0 Create live mode hook and make sure jsmpeg can be used 2024-02-09 11:04:00 -07:00
Josh Hawkins
1f1392aabb
add small gradient below timeago on event thumbnails (#9767) 2024-02-09 11:03:04 -07:00
Nicolas Mowen
68a74cad04 Get live mode working for jsmpeg 2024-02-09 10:53:55 -07:00
Josh Hawkins
c1dfad74fd
tooltips and active tracking outline (#9766)
* tooltips

* fix tooltip provider and add active tracking outline

* remove unused icon

* remove figma comment
2024-02-09 10:13:56 -07:00
Nicolas Mowen
b6ca0d17f9 don't flash when going to still image 2024-02-09 07:36:29 -07:00
Nicolas Mowen
caf4ed0854 Merge branch 'streamline-live' of github.com:blakeblackshear/frigate into streamline-live 2024-02-09 07:30:32 -07:00
Josh Hawkins
bb0f137807
animate chips with react-transition-group (#9763) 2024-02-09 07:26:16 -07:00
Nicolas Mowen
f74092a10e Only show the red dot when camera is recording 2024-02-09 05:47:56 -07:00
Nicolas Mowen
a004890a7e Simplify basic image view 2024-02-09 05:34:27 -07:00
Nicolas Mowen
5bb382703a Smaller event thumb text 2024-02-08 20:32:18 -07:00
Nicolas Mowen
7ab4763546 Adjust thumbnail aspect and add text 2024-02-08 12:48:30 -07:00
Nicolas Mowen
44a53fb389 Fix complicated aspect logic 2024-02-08 12:38:52 -07:00
Nicolas Mowen
dc65720cba Sidebar is full screen 2024-02-08 11:54:34 -07:00
Nicolas Mowen
063ed05738 Animate visibility of chips 2024-02-08 11:50:32 -07:00
Nicolas Mowen
4123680dd2 Move to sidebar only and make settings separate component 2024-02-08 11:13:37 -07:00
Nicolas Mowen
5c52a1be7e Remove active objects when they become stationary 2024-02-08 08:13:11 -07:00
Josh Hawkins
1fe950f55b
a few style updates to better match figma (#9745) 2024-02-08 07:44:56 -07:00
Nicolas Mowen
3480bcfe1e add playing check for webrtc 2024-02-07 14:26:07 -07:00
Nicolas Mowen
11d6ccd017 remove unused search params 2024-02-07 13:54:09 -07:00
Nicolas Mowen
daad5d3cca Show still image when no activity is occurring 2024-02-07 13:53:11 -07:00
Nicolas Mowen
474bdbca65 Remove dashboard from header 2024-02-07 12:23:37 -07:00
Nicolas Mowen
5976de8324 Add chips for activity on cameras 2024-02-07 12:13:36 -07:00
Josh Hawkins
dad0e1b39a
remove sidebar (#9731)
* remove sidebar

* keep sidebar on mobile for now and add icons
2024-02-07 10:30:54 -07:00
Nicolas Mowen
e086789859 Fix stuff 2024-02-07 09:15:14 -07:00
Nicolas Mowen
d66298bd80 Masonry layout 2024-02-07 08:21:40 -07:00
Nicolas Mowen
26b78b1bd6 Use fixed height 2024-02-07 06:46:45 -07:00
Nicolas Mowen
deb49df5c9 Improve default camera player sizing 2024-02-06 15:22:35 -07:00
Nicolas Mowen
aefb4bf354 Improving layouts and add chip component 2024-02-06 15:14:10 -07:00
Nicolas Mowen
acb148547a Break out live page 2024-02-06 14:30:41 -07:00
Josh Hawkins
92a0705b03
show version in production builds (#9602) 2024-02-05 17:55:08 -06:00
Nicolas Mowen
f4310862aa
WebUI Improvements and fixes (#9613)
* Show toast instead of text for success and errors

* Show correct times

* Start playing next hour when current hour ends

* Fix refreshing camera image

* Fix timeline
2024-02-05 17:54:08 -06:00
Nicolas Mowen
c5819478d3
Web & ffmpeg bug fixes (#9525)
* Fix scaling for long timeline lists

* Better handle taller video in player

* Fix birdseye options

* Fix ffmpeg auto detect
2024-02-01 06:44:10 -06:00
Nicolas Mowen
af3f6dadcb Improve graph using pandas (#9234)
* Ensure viewport is always full screen

* Protect against hour with no cards and ensure data is consistent

* Reduce grouped up image refreshes

* Include current hour and fix scrubbing bugginess

* Scroll initially selected timeline in to view

* Expand timelne class type

* Use poster image for preview on video player instead of using separate image view

* Fix available streaming modes

* Incrase timing for grouping timline items

* Fix audio activity listener

* Fix player not switching views correctly

* Use player time to convert to timeline time

* Update sub labels for previous timeline items

* Show mini timeline bar for non selected items

* Rewrite desktop timeline to use separate dynamic video player component

* Extend improvements to mobile as well

* Improve time formatting

* Fix scroll

* Fix no preview case

* Mobile fixes

* Audio toggle fixes

* More fixes for mobile

* Improve scaling of graph motion activity

* Add keyboard shortcut hook and support shortcuts for playback page

* Fix sizing of dialog

* Improve height scaling of dialog

* simplify and fix layout system for timeline

* Fix timeilne items not working

* Implement basic Frigate+ submitting from timeline
2024-01-31 12:56:11 +00:00
Nicolas Mowen
9c4b69191b Add graph showing motion and object activity to history timeline desktop view (#9184)
* Add timeline graph component

* Add more custom colors and improve graph

* Add api and data

* Fix data sorting

* Add graph to timeline

* Only show timeline for selected hour

* Make data full range
2024-01-31 12:56:11 +00:00
Nicolas Mowen
6dd9d54f70 UI Fixes (#9177)
* Fix mobile crash

* Reduce tap timeout

* Fix selection

* Try to fix safari empty frame

* Fix config editor
2024-01-31 12:56:11 +00:00
Josh Hawkins
d2ab44ce72 Reactify MSE player component (#9163)
* make mse a functional component with react hooks

* iOS 17 fixes

* birdseye mse

* remove debug

* fix test
2024-01-31 12:56:11 +00:00
Nicolas Mowen
160e331035 Improve desktop timeline view (#9150)
* Break apart mobile and desktop timeline views

* Set aspect ratio for player correctly

* more modest default width

* Add timeline item card

* Get video player to fit

* get layout going

* More work on youtube view

* Get video scaling working

* Better dialog sizes

* Show all timelines for day

* Add full day of timelines

* Improve hooks

* Fix previews

* Separate mobile and desktop views and don't rerender

* cleanup

* Optimizations and improvements

* make preview dates more efficient

* Remove seekbar and use timeline as seekbar

* Improve background and scrubbing
2024-01-31 12:56:11 +00:00
Nicolas Mowen
a946a8f099 Refactor history viewer to show player / timeline for full hour and use preview while scrubbing timeline (#9051)
* Move history card view to separate view and create timeline view

* Get custom time scrubber working

* Add back nav

* Show timeline bounding boxes

* Implement seeking limiter

* Use browser history to allow back button to close timeline viewer

* Fix mobile timeline and add more icons for detections

* Play when item is initially visible
2024-01-31 12:56:11 +00:00
Nicolas Mowen
9a0dfa723a Add logs to new webui (#9118)
* Add logs to new webui

* Automatically refresh logs while viewing

* Clean up hooks
2024-01-31 12:56:11 +00:00
Nicolas Mowen
9efb6b1caf Add mse live view (#9117) 2024-01-31 12:56:11 +00:00
Nicolas Mowen
928dbd8335 Update dashboard cameras dynamically (#9100)
* Automatically update camera image when detecting objects and show activity indicators

* Update ws typing

* Cleanup type
2024-01-31 12:56:11 +00:00
Nicolas Mowen
a1e5c658d5 Add support for filtering history page and add support for creating timeline entries for audio / custom events (#9034)
* Add filter popover

* Add api filter hook and use UI with filtering

* Get history filtering working for cameras and labels

* Allow filtering on detail level

* Save timeline entries for api events

* reset

* fix width
2024-01-31 12:56:11 +00:00
Nicolas Mowen
feb3ee0703 Allow deletion of history items (#9030)
* Allow deletion of history items

* Remove type
2024-01-31 12:56:11 +00:00
Josh Hawkins
7bec162353 Scrubber UI component (#9036)
* add scrubber and ui playground when running dev

* fix mobile dropdown menu width

* timeline scrubber and revamp for all event handlers
2024-01-31 12:56:11 +00:00
Nicolas Mowen
2236ae5d3b Add jsmpeg support to new webUI and make birdseye default for live page (#8995)
* Add jsmpeg and make birdseye default for live view

* Fix jsmpeg

* Fix
2024-01-31 12:56:11 +00:00
Nicolas Mowen
f8d114cd33 Webui cleanups (#8991)
* Fix mobile event timeago

* Reduce preview playback rate for safari browser

* Fix dashboard buttons

* Update recent events correctly

* Fix opening page on icon toggle

* Fix video player remote playback check

* fix history image

* Add sticky headers to history page

* Fix iOS empty frame

* reduce duplicate items and improve time format

* Organize data more effictively and ensure data is not overwritten

* Use icon to indicate preview
2024-01-31 12:56:11 +00:00
Blake Blackshear
bdebb99b5a Use new UI (#8983)
* fixup build

* swap frontends
2024-01-31 12:56:11 +00:00
Nicolas Mowen
b1cd5f0926 Add external sub label as timeline entry (#8855)
* Add external sub label to timeline

* Include icon

* Update timeline.py

Co-authored-by: Sergey Krashevich <svk@svk.su>

* Formatting

---------

Co-authored-by: Sergey Krashevich <svk@svk.su>
2024-01-31 12:56:11 +00:00
Nicolas Mowen
ebcf25741b
Fix timeline overlay for in progress events (#8852) 2023-12-04 13:43:23 -07:00