diff --git a/README.md b/README.md index de9a7827..1cc4c807 100644 --- a/README.md +++ b/README.md @@ -32,6 +32,10 @@ A full-featured Frigate Lovelace card: * Theme friendly. * **Advanced**: Support for [WebRTC](https://github.com/AlexxIT/WebRTC) live viewing by embedding the WebRTC card. +## Screenshots + +See more [screenshots](#screenshots) below. + ## Installation * Use [HACS](https://hacs.xyz/) to install the card: @@ -508,7 +512,9 @@ This card supports several menu configurations. |`below`| Render the menu below the card. The 'F' button shows the default view. | Menu below | |`none`| No menu is shown. | No Menu | -## Screenshot: Snapshot / Clip Gallery + + +## Screenshots ### Full Viewing Of Events @@ -518,6 +524,14 @@ This card supports several menu configurations. Live view with event thumbnails +### Clip Viewing With Thumbnail Carousel + +Viewer with event thumbnails + +### Hover Menu / Thumbnail Next & Previous Controls + +Viewer with event thumbnails + ## Card Editing This card supports full editing via the Lovelace card editor. Additional arbitrary configuration for WebRTC may be specified in YAML mode. diff --git a/images/viewer-thumbnails.gif b/images/viewer-thumbnails.gif new file mode 100644 index 00000000..3bc8013d Binary files /dev/null and b/images/viewer-thumbnails.gif differ diff --git a/images/viewer-with-thumbnail-next-prev.gif b/images/viewer-with-thumbnail-next-prev.gif new file mode 100644 index 00000000..bf701f78 Binary files /dev/null and b/images/viewer-with-thumbnail-next-prev.gif differ