v5.0.0

💥 This release may require you to update your card configuration significantly 💥

• Visual/UI editor users: Visit the visual editor and click "Upgrade" for an automated upgrade procedure.
• YAML dashboard users: You'll need to manually update your configuration, see wiki page.

Cautions:

• You must use integration version v4.0.0 or later with this card version, and frigate version v0.12 or later.
• This release moves from a single JS file to multiple that are dynamically loaded. If manually installing, ensure you have the full set of distributed JS files. Make sure to clear your browser cache where necessary!

Ribbon Style Timeline

Scrub your video!

Seek Frigate video by dragging the timeline, including dragged "across" different events:

Native go2rtc support out of the box

This release includes native go2rtc support for super low-latency live feeds from suitably configured Frigate cameras.

Seamless integrate MotionEye cameras:

This version starts to add richer support for non-Frigate cameras -- you can seamlessly combine event and timeline support for Frigate and MotionEye cameras:

"Infinite" Media Gallery

Much improved media gallery and filtering:

Substreams

Added substream support to see more detail

Expand!

Get a fuller look with expanded mode (alternative to fullscreen):

Choose your time

Choose arbitrary times on the timeline:

Low performance mode

Low performance profile to configure defaults more suited towards low end devices:

Changes

💥 Breaking Changes

• Add support for multiple zones/labels per Frigate camera (#1003) @dermotduffy
• Add native go2rtc support (#951) @dermotduffy
• Rename frigate_ui action to camera_ui (#947) @dermotduffy
• Rename mediaLoaded to media_loaded (#869) @dermotduffy

🚀 Features

• Add label to timeline marker with current time (#1089) @dermotduffy
• Add support for new ribbon style timeline (#1086) @dermotduffy
• Allow smooth panning between past & present (#1070) @dermotduffy
• Update language for v5.0.0: it (#1039) @elax46
• Update language for v5.0.0: pt-br (#1040) @felipecrs
• Add date picker to timeline (#1032) @dermotduffy
• Add support for MotionEye [Proof of concept for richer support for non-Frigate cameras] (#1022) @dermotduffy
• Support executing actions from the query string (#1006) @dermotduffy
• Add download control to thumbnails (#1005) @dermotduffy
• Add support for multiple zones/labels per Frigate camera (#1003) @dermotduffy
• Add support for expanding the card without needing fullscreen (#1001) @dermotduffy
• Add support for 'scroll up refresh' in the gallery (#997) @dermotduffy
• Automatically scroll to a thumbnail in the gallery if you were viewing it in the viewer (#993) @dermotduffy
• Add sub_label ("tags") support (#992) @dermotduffy
• Improve thumbnail details (#974) @dermotduffy
• Use Frigate camera name as webrtc_card default URL (#969) @dermotduffy
• Allow the user to specify image URL for image live provider (#967) @dermotduffy
• Add support for custom go2rtc streams (#964) @dermotduffy
• Add support for live substreams (#963) @dermotduffy
• Add native go2rtc support (#951) @dermotduffy
• Optionally prevent playing a clip on snapshot click (#868) @dermotduffy
• Add media query support (conditions based on device properties such as orientation or viewport width) (#866) @dermotduffy
• Add view / menu button for recordings (#858) @dermotduffy
• Add ability to download recordings (#852) @dermotduffy
• Make the controls section of the editor much cleaner (#850) @dermotduffy
• Add a mini-timeline under live and media_viewer views (#838) @dermotduffy

🐛 Fixes

• Minor style fixes for timeline/thumbnails (#1093) @dermotduffy
• Fix clicking on timeline recordings (#1091) @dermotduffy
• Fix issue with media filter and unconstrained dimensions (#1081) @dermotduffy
• Keep timeline window placement on event click (#1072) @dermotduffy
• Improve behavior when timeline items are clicked (#1067) @dermotduffy
• Fix broken language detection (#1053) @dermotduffy
• Fix expanded mode / fullscreen interactions (#1049) @dermotduffy
• Don't show timeline bar if we cannot seek (#1046) @dermotduffy
• Add missing language strings for v5.0.0: it (#1043) @elax46
• Minor media player initialization fix (#1042) @dermotduffy
• Fix broken show_recordings timeline option (#1033) @dermotduffy
• Fix initialization logic to avoid infinite loop (#1024) @dermotduffy
• Fix bug causing camera to not be selected in media filter (#1023) @dermotduffy
• Tolerate media players not in the entity registry (#1019) @dermotduffy
• Tolerate numeric unique_ids (#1018) @dermotduffy
• Fix autoplay in media viewer (#1015) @dermotduffy
• Fix bug that caused gallery to render wrong media type (#1014) @dermotduffy
• Fix behavior of expanded mode in certain cases (#1002) @dermotduffy
• Fix issues on DOM disconnect for certain live providers (#999) @dermotduffy
• Do not show ha live provider errors unless they are fatal (#991) @dermotduffy
• Fix media player icons not refreshing (#989) @dermotduffy
• Fix language choice when localStorage language may be unavailable (#988) @dermotduffy
• Fix low performance profile camera defaults (#987) @dermotduffy
• Fix broken select entity translation labels (#985) @dermotduffy
• Add support for global cameras options (#982) @dermotduffy
• Fix filtering of menu icons causing custom icons to disappear (#978) @dermotduffy
• Update the webrtc_card provider for the latest webrtc version (#976) @dermotduffy
• Fix menu alignment issue for 'opposing' buttons (#975) @dermotduffy
• Fix go2rtc auto-mute issue (#965) @dermotduffy
• Automatically mute if autoplay is blocked (#953) @dermotduffy
• Fix infinite gallery auto-loading (#944) @dermotduffy
• Update query selector for modern webrtc-camera >= 3.0.0 (#938) @dermotduffy
• Filter hidden media players out of the media player menu (#937) @dermotduffy
• Don't show the timeline if no cameras support it (#932) @dermotduffy
• Fix timeline button for recordings (#931) @dermotduffy
• Reverse media in the media viewer to match mini timeline (#930) @dermotduffy
• Fix recording identifier (#912) @dermotduffy
• Fix media player icons (#882) @felipecrs
• Fix carousel previous/next controls not showing (#875) @dermotduffy
• Expand the timeline to 100% height in panel mode (#870) @dermotduffy
• Add hiding controls to native webrtc player (oops) (#867) @dermotduffy
• Use lodash cloneDeep and generate facade chunk (#862) @dermotduffy
• Ensure container resizes when parent resizes (#851) @dermotduffy
• Fix Safari thumbnail render issue (#843) @dermotduffy

🐎 Performance

• Improve load performance by dynamically loading engines (#1034) @dermotduffy
• Remove unnecessary entity fetches (#986) @dermotduffy
• Retire auto-upgrades <= v3.0.0 (#983) @dermotduffy
• Cache media metadata calls (#955) @dermotduffy
• Add a performance option to control number of loaded media items (#943) @dermotduffy
• Add low performance profile and image live provider (#861) @dermotduffy
• Add bundle size analyser (#842) @dermotduffy

🚨 Testing

• Add view unittests (#1092) @dermotduffy
• Add unitests for basic support functions (#1087) @dermotduffy
• Add camera manager range tests (#1061) @dermotduffy
• Add tests for camera manager cache (#1060) @dermotduffy
• Add unittest coverage for engine-factory (#1059) @dermotduffy
• Update devcontainer setup (#1048) @dermotduffy

📚 Documentation

• Fix screenshot extension (#1101) @dermotduffy
• Add screenshot for ribbon timeline (#1094) @dermotduffy
• Fix sponsor iframe (#1051) @dermotduffy
• Fix README build/funding links (#1050) @dermotduffy
• Add performance profile screenshot (#1047) @dermotduffy
• Screenshot URL fix (#1045) @dermotduffy
• Add new screenshots for v5.0.0 (#1044) @dermotduffy
• Add browser support notice (#1036) @dermotduffy
• Add guide on how to install from artifacts (#1031) @felipecrs
• Add example that uses browser-mod to popup a Frigate Card (#968) @dermotduffy
• Various small fixes and documentation updates (#847) @dermotduffy

🔨 Refactoring

• Sort language JSON (#1071) @dermotduffy
• Refactor viewer to support other kinds of media players (for non-Frigate media) (#1013) @dermotduffy
• Rename expand_toggle action to expand (#1007) @dermotduffy
• Move all live provider options into cameras (#966) @dermotduffy
• Don't need to use clickAllowed anymore (#954) @dermotduffy
• Rename frigate_ui action to camera_ui (#947) @dermotduffy
• Rename event_gallery to media_gallery (#945) @dermotduffy
• Refactor camera initialization logic into the camera engines (#936) @dermotduffy
• Complete engine overhaul (#926) @dermotduffy
• Rename TimelineDataManager to DataManager (#859) @dermotduffy

💄 Style

• Add a hover-card menu style (#864) @dermotduffy
• Hide video controls briefly on media load for cleaner look (#863) @dermotduffy

📦 Dependencies

• Bump version to v5.0.0 (#1104) @dermotduffy
• Third attempt to fix zipper (#1098) @dermotduffy
• Second attempt to fix zipper (#1097) @dermotduffy
• Fix release zipper (#1096) @dermotduffy
• Bump version to v5.0.0-beta.2 (#1095) @dermotduffy
• Zip built files for non-HACS users (#1063) @dermotduffy
• Merge minor main changes back into release branch (#1052) @dermotduffy
• Bump version to v5.0.0-beta.1 . (#1037) @dermotduffy
• Bump release-drafter/release-drafter from 5.21.0 to 5.23.0 (#961) @dependabot
• Bump svenstaro/upload-release-action from 1.pre.release to 2.5.0 (#960) @dependabot
• Bump crazy-max/ghaction-github-labeler from 3.1.1 to 4.1.0 (#879) @dependabot
• Use Volta to manage Node and Yarn version (#933) @felipecrs
• Bump release-drafter/release-drafter from 5.20.1 to 5.21.0 (#829) @dependabot
• Release v4.0.0 (#832) @dermotduffy