v5.2.0

Changes

🚀 Features

• Add support for taking screenshots from loaded media (#1201) @dermotduffy
• Allow HA navigate action calls to trigger card actions (#1198) @dermotduffy

🐛 Fixes

• Fix view-related querystring action race condition (#1209) @dermotduffy
• Fix recording downloads (#1202) @dermotduffy
• Allow scrolling when not zoomed in (#1196) @dermotduffy
• Fix zoom in Firefox and Safari (#1179) @dermotduffy

📚 Documentation

• Add troubleshooting entry to disable title popups (#1207) @dermotduffy
• Add additional inlang documentation (#1182) @NiklasBuchfink

🔨 Refactoring

• Refactor media info handling into a controller (#1177) @dermotduffy
• Break parser error handling out of main card (#1176) @dermotduffy
• Refactor menu button logic out of main card (#1175) @dermotduffy

📦 Dependencies

• Bump version to v5.2.0 (#1211) @dermotduffy
• Bump svenstaro/upload-release-action from 2.5.0 to 2.6.1 (#1188) @dependabot
• Update @graphiteds/core (#1210) @dermotduffy
• Merge fix in main back into dev (#1173) @dermotduffy

v5.1.1

Changes

🐛 Fixes

• Fix overrides bug caused by incorrect initial state (#1172) @dermotduffy

📚 Documentation

• Merge screenshots into main (#1169) @dermotduffy

v5.1.0

Zoom Support

2-Way Audio Support

In-menu media controls

In-card automation

Select a HD stream when the card switches to fullscreen:

automations:
  - conditions:
      fullscreen: true
    actions:
      - action: custom:frigate-card-action
        frigate_card_action: live_substream_on
    actions_not:
      - action: custom:frigate-card-action
        frigate_card_action: live_substream_off

Changes

🚀 Features

• Allow default media controls to be hidden (#1161) @dermotduffy
• Add {play/pause/mute/unmute} Frigate card commands (#1157) @dermotduffy
• Only show the microphone button if the media that is loaded supports 2-way audio (#1150) @dermotduffy
• Add option to have microphone always_connected (#1149) @dermotduffy
• Implement momentary and toggle microphone button types (#1147) @dermotduffy
• Add support for disabling zoom (#1145) @dermotduffy
• Show different mouse cursor when zoomed in (#1144) @dermotduffy
• Add support for in-card automation (#1141) @dermotduffy
• Add language: Portuguese (Portugal) (#1038) @ViPeR5000
• Add experimental 2-way audio support (#1125) @dermotduffy
• Add zoom support (#1109) @dermotduffy

🐛 Fixes

• Dispatch load events for mp4/mjpeg from go2rtc (#1162) @dermotduffy
• Maintain substream selections during view cycling (#1146) @dermotduffy
• Fix Frigate event schema break (top_score === null) (#1142) @dermotduffy
• Initialize media players if they have not been initialized. (#1134) @c0mputerguru
• Fix incorrect engine detection (#1126) @dermotduffy

📚 Documentation

• Add screenshots for v5.1.0 (#1168) @dermotduffy
• Merge minor documentation changes from main into dev (#1167) @dermotduffy
• Add additional cache reset troubleshooting tip (#1164) @Morphy99
• Fix small typo (#1159) @JonGilmore
• Fix typo in automations documentation (#1153) @felipecrs
• Update installation instructions for manual installation (#1143) @dermotduffy
• Add missing mode configuration in README for mini-timeline (#1115) @dermotduffy
• Repoint all screenshots to the main branch (#1106) @dermotduffy

📦 Dependencies

• Bump version to v5.1.0. (#1166) @dermotduffy
• Bump volta-cli/action from 3 to 4 (#1133) @dependabot
• Bump volta-cli/action from 3 to 4 (#1113) @dependabot
• Various github workflow fixes (#1127) @dermotduffy
• Add inlang to make the contribution of translations easier (#1107) @NiklasBuchfink
• Merge the release-5.0.0 branch back into main (#1105) @dermotduffy

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...

v5.0.0-beta.2

💥 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-rc1 or later with this card version, and frigate version v0.12-rc2 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 since v5.0.0-beta.1

🚀 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

🐛 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

🚨 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

📚 Documentation

• Add screenshot for ribbon timeline (#1094) @dermotduffy

🔨 Refactoring

• Sort language JSON (#1071) @dermotduffy

📦 Dependencies

• Bump version to v5.0.0-beta.2 (#1095) @dermotduffy
• Zip built files for non-HACS users (#1063) @dermotduffy

v5.0.0-beta.1

💥 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-rc1 or later with this card version, and frigate version v0.12-rc2 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!

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

• 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

• 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

• Update devcontainer setup (#1048) @dermotduffy

📚 Documentation

• 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

• 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

• 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
• Use Volta to manage Node and Yarn version (#933) @felipecrs
• Bump crazy-max/ghaction-github-labeler from 3.1.1 to 4.1.0 (#879) @dependabot
• Bump release-drafter/release-drafter from 5.20.1 to 5.21.0 (#829) @dependabot
• Release v4.0.0 (#832) @dermotduffy

v4.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.

Caution: You must use integration version v3.0.0 or later with this card version.

Play favorites!

• Mark events as favorites (indefinite retention):

Timeline Support

• View events & recordings in a timeline:

• Seek to a particular recording on a given camera:

• Seek to a particular time on all cameras:

Scan Mode

• Automatically select cameras where there's action!

Cast Support

• Cast your events direct to your devices:

• Cast the card itself onto a device (e.g. Nest hub):

New native PTZ control

A new native PTZ controller:

Custom media layouts

Change the layout of the media within the card aspect ratio, for example to view a 16:9 camera in a 9:16 configuration focused on the right of the feed:

Before

After

Other improvements

• Support for a 'dark mode'

• Automatically generate submenus from select entities:

• Put thumbnails in a side drawer

... and many more smaller features & improvements.

Changes (since v3.0.0)

💥 Breaking Changes

• Allow elements to be hidden when media is not yet loaded (#791) @dermotduffy
• Change configuration path for Frigate options (#658) @dermotduffy
• Implement auto_play, auto_pause, auto_mute and auto_unmute (#544) @dermotduffy
• Add new lazily unload criteria (#541) @dermotduffy
• Improve menu versatility and add menu alignment (#524) @dermotduffy
• Add gallery support for showing thumbnail details (#513) @dermotduffy

🚀 Features

• Add native PTZ element (#807) @dermotduffy
• Add ability to change media layout (#800) @dermotduffy
• Show still images during live camera load (#793) @dermotduffy
• Allow elements to be hidden when media is not yet loaded (#791) @dermotduffy
• Add Italian language translations (#784) @elax46
• Add support for fetching thumbnails separately (#779) @dermotduffy
• Allow custom action events (e.g. browser_mod) (#771) @dermotduffy
• Add missing pt-br translations (#757) @felipecrs
• Allow finer grained selection of thumbnail controls (#753) @dermotduffy
• Add event starring from the card (#744) @dermotduffy
• Hide buttons that don't work during casting (#720) @dermotduffy
• Improve disconnection/reconnection UX (#713) @dermotduffy
• Add git information to diagnostics (#710) @dermotduffy
• Update pt-BR translations (#695) @felipecrs
• Allow the provided URL to be used as the stock loading image. (#683) @dermotduffy
• Add browser to diagnostics (#681) @dermotduffy
• Include the language in diagnostics output (#677) @dermotduffy
• Deduplicate Frigate cameras on the timeline (support multiple live providers) (#672) @dermotduffy
• Add a new convenience option for a camera to depend on all others (#655) @dermotduffy
• Do not show unavailable media players (#642) @felipecrs
• Add a way to get diagnostics for issue reports. (#634) @dermotduffy
• Add scan mode untrigger timer (#629) @dermotduffy
• Open/close the drawer automatically for mouse users (#628) @dermotduffy
• Add recording support (#619) @dermotduffy
• Fallback non-Frigate cameras to supported views (#596) @felipecrs
• Add Scan mode (Have your card follow the action!) (#606) @dermotduffy
• Improve timeline behavior with non-Frigate cameras (#577) @dermotduffy
• Improve the Frigate-card-on-Chromecast experience (#572) @dermotduffy
• Only show media players capable of casting (#565) @felipecrs
• Add native select/input_select entity support for submenus (#547) @dermotduffy
• Implement auto_play, auto_pause, auto_mute and auto_unmute (#544) @dermotduffy
• Add new lazily unload criteria (#541) @dermotduffy
• Add native cast/media_player support (#535) @dermotduffy
• Allow view to be overridden (e.g. change default card view based on HA state) (#533) @dermotduffy
• Allow use of HA state in Frigate Card Conditions (e.g. for use in configuration overrides) (#530) @dermotduffy
• Support confirmation for actions (#528) @dermotduffy
• Style custom buttons based on actions the button will activate (#527) @dermotduffy
• Improve menu versatility: support ordering and alignment per button (#526) @dermotduffy
• Improve menu versatility and add menu alignment (#524) @dermotduffy
• Allow cameras to link to dependent_cameras to show events from multiple cameras. (#523) @dermotduffy
• Add support for a dark_mode (#515) @dermotduffy
• Add gallery support for showing thumbnail details (#513) @dermotduffy
• Significantly flesh out timeline support (#508) @dermotduffy
• Add favorite icon for clips that are retained (#489) @NickM-27

🐛 Fixes

• Fix drawer open bug in iOS Safari (#804) @dermotduffy
• Drawer handle shouldn't activate card actions (#803) @dermotduffy
• Fix issue with image timers being created recursively (#795) @dermotduffy
• Refactor media load events to add unload support (#794) @dermotduffy
• Fetch thumbnails for next/previous controls. (#787) @dermotduffy
• Fix carousel forgetting its position in certain circumstances. (#776) @dermotduffy
• Restore correct image after browser tab becomes visible (#774) @dermotduffy
• Don't show star icon for recordings (#748) @dermotduffy
• Fix the hover menu styling (again) (#742) @dermotduffy
• Fix thumbnail proportions in Safari (#739) @dermotduffy
• Fix Safari live camera loop bug (#737) @dermotduffy
• Move elements to outside main pane. (#730) @dermotduffy
• Cause a refresh when scan mode untriggers (#725) @dermotduffy
• Various timeline fixes for Safari (#724) @dermotduffy
• Hide elements when messages are displayed. (#716) @dermotduffy
• Messages should respect static dimensions (#715) @dermotduffy
• Don't execute card actions when timeline is dragged (#705) @dermotduffy
• Option overrides are always optional (#702) @dermotduffy
• Don't spam the log if the sensor entity lookup fails (#698) @dermotduffy
• Fix malformed live carousel bug that some users experience (#676) @dermotduffy
• Fix state color in submenu items (#684) @dermotduffy
• Fall back to live if the user changes view from recordings. (#682) @dermotduffy
• Use a proper ISO8601 formatted date to fix the timeline in Safari/iOS. (#675) @dermotduffy
• Don't load cameras where there's an error message being displayed (#674) @dermotduffy
• Allow the image view to trigger a card resize (#673) @dermotduffy
• Fix issue causing image to refetch too frequently (#669) @dermotduffy
• Fix image button upgrade (#665) @dermotduffy
• Fix downloads from the timeline (#660) @dermotduffy
• Don't use wheel plugin when there's only one media item (#627) @dermotduffy
• Fix menu rounded corners (#622) @dermotduffy
• Fix the hover menu (#621) @dermotduffy
• Fix compatability with Frigate 0.11 (#603) @dermotduffy
• Add missing cameras button to editor (#593) @dermotduffy
• Fix malformed Safari live carousel (#592) @dermotduffy
• Reduce thumbnail fetch frequency to prevent Frigate request timeouts (#587) @dermotduffy
• Fix menu alignment for the outside menu style (#585) @dermotduffy
• Prevent drawer from being wider than the card (#578) @dermotduffy
• Fix snapshots on Chromecast (#574) @dermotduffy
• Fix card breakage on Nest hub devices (#569) @dermotduffy
• Ensure a refreshed elements config causes the elements to update (#564) @dermotduffy
• Don't allow elements to overflow (#563) @dermotduffy
• Fix live view for non-Frigate cameras (#562) @dermotduffy
• Don't fetch thumbnails on preloaded camera in the background (#559) @dermotduffy
• fix: replace process.env.NODE_ENV in bundled files (#543) @xiel
• Import full set of entity icons to fix 'checkmark' issue (#539) @dermotduffy
• Remove attempt to serve in prod env (#534) @dermotduffy

🐎 Performance

• Update homeAssistantWSRequest to accept passthrough JSON (#796) @uvjustin...

v4.0.0-rc.3

💥 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.

Caution: You must use integration version v3.0.0-rc.4 or later with this card version.

New native PTZ control

A new native PTZ controller:

Custom media layouts

Change the layout of the media within the card aspect ratio, for example to view a 16:9 camera in a 9:16 configuration focused on the right of the feed:

Before

After

Changes (since v4.0.0-rc.2)

💥 Breaking Changes

• Allow elements to be hidden when media is not yet loaded (#791) @dermotduffy

🚀 Features

• Add native PTZ element (#807) @dermotduffy
• Add ability to change media layout (#800) @dermotduffy
• Show still images during live camera load (#793) @dermotduffy
• Allow elements to be hidden when media is not yet loaded (#791) @dermotduffy
• Add Italian language translations (#784) @elax46
• Add support for fetching thumbnails separately (#779) @dermotduffy
• Allow custom action events (e.g. browser_mod) (#771) @dermotduffy
• Add missing pt-br translations (#757) @felipecrs
• Allow finer grained selection of thumbnail controls (#753) @dermotduffy

🐛 Fixes

• Fix drawer open bug in iOS Safari (#804) @dermotduffy
• Drawer handle shouldn't activate card actions (#803) @dermotduffy
• Fix issue with image timers being created recursively (#795) @dermotduffy
• Refactor media load events to add unload support (#794) @dermotduffy
• Fetch thumbnails for next/previous controls. (#787) @dermotduffy
• Fix carousel forgetting its position in certain circumstances. (#776) @dermotduffy
• Restore correct image after browser tab becomes visible (#774) @dermotduffy

🐎 Performance

• Update homeAssistantWSRequest to accept passthrough JSON (#796) @uvjustin
• Embed thumbnails to take advantage of cache (#785) @uvjustin

🚨 Testing

• Use a higher port number for devcontainer rollup (#768) @dermotduffy
• Refresh the devcontainer (#756) @felipecrs

📚 Documentation

• Add new screenshots for PTZ and media layout (#813) @dermotduffy
• Various documentation improvements (#769) @dermotduffy

🔨 Refactoring

• Refactor media load events to add unload support (#794) @dermotduffy
• Reduce boilerplate associated with lit tasks (#788) @dermotduffy
• Complete carousel code refactor (#767) @dermotduffy

💄 Style

• Rework the error message when entity is unavailable (#773) @dermotduffy
• Move scan mode pulsing border to the outer ha-card (#770) @dermotduffy
• Vertically center the progress indicator (#754) @dermotduffy

📦 Dependencies

• Bump version to v4.0.0-rc.3 . (#814) @dermotduffy

v4.0.0-rc.2

💥 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.

To get full functionality from this card release you need to use integration version v3.0.0-rc.3 or later.

Play favorites!

• Mark events as favorites (indefinite retention, requires integration version v3.0.0-rc.3) or later.

Timeline Support

• View events & recordings in a timeline:

• Seek to a particular recording on a given camera:

• Seek to a particular time on all cameras:

Scan Mode

• Automatically select cameras where there's action!

Cast Support

• Cast your events direct to your devices:

• Cast the card itself onto a device (e.g. Nest hub):

Other improvements

• Support for a 'dark mode'

• Automatically generate submenus from select entities:

• Put thumbnails in a side drawer

... and many more smaller features & improvements.

Changes (since v4.0.0-rc.1)

🚀 Features

• Add event starring from the card (#744) @dermotduffy

🐛 Fixes

• Don't show star icon for recordings (#748) @dermotduffy
• Fix the hover menu styling (again) (#742) @dermotduffy

📚 Documentation

• Add v4 troubleshooting entry. (#740) @dermotduffy

🔨 Refactoring

• Convert recordings to websocket. (#746) @dermotduffy

📦 Dependencies

• Bump version to 4.0.0-rc.2 (#749) @dermotduffy

v4.0.0-rc.1

💥 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.

To get full functionality from this card release you need to use integration version v3.0.0-rc.2 or later.

Timeline Support

• View events & recordings in a timeline:

• Seek to a particular recording on a given camera:

• Seek to a particular time on all cameras:

Scan Mode

• Automatically select cameras where there's action!

Cast Support

• Cast your events direct to your devices:

• Cast the card itself onto a device (e.g. Nest hub):

Other improvements

• Support for a 'dark mode'

• Automatically generate submenus from select entities:

• Put thumbnails in a side drawer

... and many more smaller features & improvements.

Changes

💥 Breaking Changes

• Change configuration path for Frigate options (#658) @dermotduffy
• Implement auto_play, auto_pause, auto_mute and auto_unmute (#544) @dermotduffy
• Add new lazily unload criteria (#541) @dermotduffy
• Improve menu versatility and add menu alignment (#524) @dermotduffy
• Add gallery support for showing thumbnail details (#513) @dermotduffy

🚀 Features

• Hide buttons that don't work during casting (#720) @dermotduffy
• Improve disconnection/reconnection UX (#713) @dermotduffy
• Add git information to diagnostics (#710) @dermotduffy
• Update pt-BR translations (#695) @felipecrs
• Allow the provided URL to be used as the stock loading image. (#683) @dermotduffy
• Add browser to diagnostics (#681) @dermotduffy
• Include the language in diagnostics output (#677) @dermotduffy
• Deduplicate Frigate cameras on the timeline (support multiple live providers) (#672) @dermotduffy
• Add a new convenience option for a camera to depend on all others (#655) @dermotduffy
• Do not show unavailable media players (#642) @felipecrs
• Add a way to get diagnostics for issue reports. (#634) @dermotduffy
• Add scan mode untrigger timer (#629) @dermotduffy
• Open/close the drawer automatically for mouse users (#628) @dermotduffy
• Add recording support (#619) @dermotduffy
• Fallback non-Frigate cameras to supported views (#596) @felipecrs
• Add Scan mode (Have your card follow the action!) (#606) @dermotduffy
• Improve timeline behavior with non-Frigate cameras (#577) @dermotduffy
• Improve the Frigate-card-on-Chromecast experience (#572) @dermotduffy
• Only show media players capable of casting (#565) @felipecrs
• Add native select/input_select entity support for submenus (#547) @dermotduffy
• Implement auto_play, auto_pause, auto_mute and auto_unmute (#544) @dermotduffy
• Add new lazily unload criteria (#541) @dermotduffy
• Add native cast/media_player support (#535) @dermotduffy
• Allow view to be overridden (e.g. change default card view based on HA state) (#533) @dermotduffy
• Allow use of HA state in Frigate Card Conditions (e.g. for use in configuration overrides) (#530) @dermotduffy
• Support confirmation for actions (#528) @dermotduffy
• Style custom buttons based on actions the button will activate (#527) @dermotduffy
• Improve menu versatility: support ordering and alignment per button (#526) @dermotduffy
• Improve menu versatility and add menu alignment (#524) @dermotduffy
• Allow cameras to link to dependent_cameras to show events from multiple cameras. (#523) @dermotduffy
• Add support for a dark_mode (#515) @dermotduffy
• Add gallery support for showing thumbnail details (#513) @dermotduffy
• Significantly flesh out timeline support (#508) @dermotduffy
• Add favorite icon for clips that are retained (#489) @NickM-27

🔥 Removals and Deprecations

• Don't support card-wide actions when a message is displayed (#719) @dermotduffy
• No longer support actions on timeline view. (#718) @dermotduffy

🐛 Fixes

• Fix thumbnail proportions in Safari (#739) @dermotduffy
• Fix Safari live camera loop bug (#737) @dermotduffy
• Move elements to outside main pane. (#730) @dermotduffy
• Cause a refresh when scan mode untriggers (#725) @dermotduffy
• Various timeline fixes for Safari (#724) @dermotduffy
• Hide elements when messages are displayed. (#716) @dermotduffy
• Messages should respect static dimensions (#715) @dermotduffy
• Don't execute card actions when timeline is dragged (#705) @dermotduffy
• Option overrides are always optional (#702) @dermotduffy
• Don't spam the log if the sensor entity lookup fails (#698) @dermotduffy
• Fix malformed live carousel bug that some users experience (#676) @dermotduffy
• Fix state color in submenu items (#684) @dermotduffy
• Fall back to live if the user changes view from recordings. (#682) @dermotduffy
• Use a proper ISO8601 formatted date to fix the timeline in Safari/iOS. (#675) @dermotduffy
• Don't load cameras where there's an error message being displayed (#674) @dermotduffy
• Allow the image view to trigger a card resize (#673) @dermotduffy
• Fix issue causing image to refetch too frequently (#669) @dermotduffy
• Fix image button upgrade (#665) @dermotduffy
• Fix downloads from the timeline (#660) @dermotduffy
• Don't use wheel plugin when there's only one media item (#627) @dermotduffy
• Fix menu rounded corners (#622) @dermotduffy
• Fix the hover menu (#621) @dermotduffy
• Fix compatability with Frigate 0.11 (#603) @dermotduffy
• Add missing cameras button to editor (#593) @dermotduffy
• Fix malformed Safari live carousel (#592) @dermotduffy
• Reduce thumbnail fetch frequency to prevent Frigate request timeouts (#587) @dermotduffy
• Fix menu alignment for the outside menu style (#585) @dermotduffy
• Prevent drawer from being wider than the card (#578) @dermotduffy
• Fix snapshots on Chromecast (#574) @dermotduffy
• Fix card breakage on Nest hub devices (#569) @dermotduffy
• Ensure a refreshed elements config causes the elements to update (#564) @dermotduffy
• Don't allow elements to overflow (#563) @dermotduffy
• Fix live view for non-Frigate cameras (#562) @dermotduffy
• Don't fetch thumbnails on preloaded camera in the background (#559) @dermotduffy
• fix: replace process.env.NODE_ENV in bundled files (#543) @xiel
• Import full set of entity icons to fix 'checkmark' issue (#539) @dermotduffy
• Remove attempt to serve in prod env (#534) @dermotduffy

🐎 Performance

• Prefetch events from a larger range than the timeline shows (#706) @dermotduffy
• Don't re-render the whole card for conditionState (#685) @dermotduffy
• Use cloneDeep instead of JSON parsing (#550) @dermotduffy

🚨 Testing

• Bump devcontainer submodule (#701) @dermotduffy
• Add docker to the devcontainer (#693) @felipecrs
• Update the card devcontainer dashboard to use storage mode (#697) @dermotduffy
• Implement full-stack Frigate devcontainer (HA -> Frigate -> Integration -> Card) (#691) @felipecrs
• Improve devcontainer to improve the developer experience (#595) @felipecrs

📚 Documentation

• Change screenshots to use release branch for serving in HACS (#707) @dermotduffy
• Add Dev Container section on README (#694) @felipecrs
• Add a note that manual menu/submenu positioning is not supported. (#657) @dermotduffy
• Add documentation on Chromecasting (#612) @dermotduffy
• Add new screenshots (#610) @dermotduffy
• Update installation instructions for Lovelace storage mode (#588) @dermotduffy
• Small README fixes (#561) @dermotduffy
• Add fully expanded configuration reference (#560) @dermotduffy
• Add workaround to README for Safari video controls progress bar (#464) @dermotduffy

🔨 Refactoring

• Make error handling and console logging consistent (#704) @dermotduffy
• Clean lit-plugin warnings (#700) @dermotduffy
• Break out triggers into their own configuration section (#656) @dermotduffy
• Refactor aspect-ratio logic (#611) @dermotduffy
• Refactor common.js into multiple files (#584) @dermotduffy
• Remove usage of deprecated attribute (#552) @dermotduffy
• Retire use of @query and use ref univerally (#519) @dermotduffy
• Avoid use of ExtendedHomeAssistant wherever possible. (#518) @dermotduffy

💄 Style

• Change effect to scale whole thumbnail (#738) @dermotduffy
• Various style and behavior fixes (background colors, scrolling reset) (#736) @dermotduffy
• Fix gallery sizing in Safari (#728) @dermotduffy
• Fix curved borders on Safari (#727) @dermotduffy
• Fit image content to par...