# Media

<table data-card-size="large" data-view="cards"><thead><tr><th></th><th></th><th></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td><strong>Image</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-a67c52c13c9618fe661cbfd447a945538c78bf74%2Fwidgets-image.png?alt=media" alt=""></td><td><mark style="color:purple;">Integrates images into your application for display and examination</mark></td><td><a href="media/image">image</a></td></tr><tr><td><strong>Labeled Image</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-78be5b9d64511380954e80b57388a31b039939b2%2Fwidgets-labeledImage.png?alt=media" alt=""></td><td><mark style="color:purple;">Showcases images with interactive labels and annotations for detailed visualization</mark></td><td><a href="media/labeledimage">labeledimage</a></td></tr><tr><td><strong>Grid Gallery</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-7ff7513fa9390e05bef14039211d80b3e6e2e8c3%2Fwidgets-GridGallery.png?alt=media" alt=""></td><td><mark style="color:purple;">Composite view to exhibit a collection of images in an organized grid layout, with support for annotations</mark></td><td><a href="media/gridgallery">gridgallery</a></td></tr><tr><td><strong>Video</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-bafc3a2201213dd613520308ae3d24afec3ad458%2Fwidgets-video.png?alt=media" alt=""></td><td><mark style="color:purple;">Preview video and annotation frame by frame</mark></td><td><a href="media/video">video</a></td></tr><tr><td><strong>Video Player</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-b016b36674fe53832a4f9d3fd5474496841375fc%2Fwidgets-videoPlayer.png?alt=media" alt=""></td><td><mark style="color:purple;">Video playback component leveraging the HTML <code>&#x3C;video></code> element for embedded media streaming</mark></td><td><a href="media/videoplayer">videoplayer</a></td></tr><tr><td><strong>Image Pair Sequence</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-111d85d5e8c6e71b9a2f5d47f0ba4ba994673cf8%2Fwidget-ImagePairSequence.png?alt=media" alt=""></td><td><mark style="color:purple;">Side-by-side comparison of image pairs, with annotation capabilities for in-depth analysis</mark></td><td><a href="media/imagepairsequence">imagepairsequence</a></td></tr><tr><td><strong>Icons</strong></td><td><img src="https://user-images.githubusercontent.com/120389559/225039036-991b1dd3-c348-4145-bf54-74f49187b183.png" alt=""></td><td><mark style="color:purple;">Display a set of icons within the user interface</mark></td><td><a href="media/icons">icons</a></td></tr><tr><td><strong>ObjectClassView</strong></td><td><img src="https://user-images.githubusercontent.com/79905215/218079475-c5c5c032-8420-4850-b3fc-19dfc19c266a.png" alt=""></td><td><mark style="color:purple;">Displays information about a single object classs</mark></td><td><a href="media/objectclassview">objectclassview</a></td></tr><tr><td><strong>ObjectClassesList</strong></td><td><img src="https://user-images.githubusercontent.com/79905215/218096273-0a52cc67-0ba8-4886-95a0-660e61d6a4eb.png" alt=""></td><td><mark style="color:purple;">Organized list of object classes</mark></td><td><a href="media/objectclasseslist">objectclasseslist</a></td></tr><tr><td><strong>ImageSlider</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-27fad9d3cc11c78b3457b72fab339a60a010462c%2Fwidget-imageSlider.png?alt=media" alt=""></td><td><mark style="color:purple;">Scrollable display to showcase a series of images, providing multiple examples or variations</mark></td><td><a href="media/imageslider">imageslider</a></td></tr><tr><td><strong>Carousel</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-7e4920a46d3025b5e7bc2b1c46e32673c30a5592%2Fwidget-carousel.png?alt=media" alt=""></td><td><mark style="color:purple;">Interactive slider component designed to present a sequence of images in a rotating carousel format</mark></td><td><a href="media/carousel">carousel</a></td></tr><tr><td><strong>TagMetaView</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-04fbad526d90d0f0954eca62b943b6b9b63df1a3%2Fimage.png?alt=media" alt="" data-size="original"></td><td><mark style="color:purple;">Component for presenting metadata associated with a single tag</mark></td><td><a href="media/tagmetaview">tagmetaview</a></td></tr><tr><td><strong>TagMetasList</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-6b881b1ca6209c688b3670cb9bc78f310be81530%2Fimage.png?alt=media" alt="" data-size="original"></td><td><mark style="color:purple;">Component that lists multiple metadata tags</mark></td><td><a href="media/tagmetaslist">tagmetaslist</a></td></tr><tr><td><strong>ImageAnnotationPreview</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-ce65dd339f15285b7e00ef10b1291f8ebba31d03%2Fimage.png?alt=media" alt="" data-size="original"></td><td><mark style="color:purple;">Updated version of the original LabeledImage widget, offering improved features for viewing and interacting with image annotations</mark></td><td><a href="media/imageannotationpreview">imageannotationpreview</a></td></tr><tr><td><strong>ClassesMappingPreview</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-07de6bf96295db5097a3da18880fde68a54aa77f%2Fimage.png?alt=media" alt="" data-size="original"></td><td><mark style="color:purple;">Display classes mapping with original and new class names</mark></td><td><a href="media/classesmappingpreview">classesmappingpreview</a></td></tr><tr><td><strong>ClassesListPreview</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-fb2f6448a4325285cea6577489889f73fca42c2f%2Fimage.png?alt=media" alt="" data-size="original"></td><td><mark style="color:purple;">Display list of classes with shapes</mark></td><td><a href="media/classeslistpreview">classeslistpreview</a></td></tr><tr><td><strong>TagsListPreview</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-4e4d58ce929c75e602f12a965366bcf988e07edb%2Fimage.png?alt=media" alt="" data-size="original"></td><td><mark style="color:purple;">Display list of tags with value types</mark></td><td><a href="media/tagslistpreview">tagslistpreview</a></td></tr><tr><td><strong>MembersListPreview</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-406e3d51bf6e14add6e381990f459c891b65ac8c%2Fimage.png?alt=media" alt="" data-size="original"></td><td><mark style="color:purple;">Display list of given users with roles within the team</mark></td><td><a href="media/memberslistpreview">memberslistpreview</a></td></tr><tr><td><strong>Heatmap</strong></td><td><img src="https://1972929262-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2ZRtnNbqSpWk5uCfyE1A%2Fuploads%2Fgit-blob-b14d75590b699188588af4a55211d16e69ad249b%2Fwidgets-heatmap-main.png?alt=media" alt="" data-size="original"></td><td><mark style="color:purple;">Display interactive heatmap overlays on top of background images</mark></td><td><a href="media/heatmap">heatmap</a></td></tr></tbody></table>