Media Feed

Media Feed for ComfyUI

A media feed for ComfyUI that shows your generated images, videos, and audio right inside the canvas.

Browse recent outputs, inspect metadata, compare generations, and save favorites without opening the output folder.

Preview

Browse images, videos, and audio in a horizontal feed

<p> <img src="sample1.png" alt="Horizontal Media Feed showing generated images, videos, and audio" width="100%"> </p>

Compare individual outputs side by side

<p> <img src="sample4.png" alt="Side-by-side comparison of individual generated images with metadata" width="100%"> </p>

Compare whole batches in grid view

<p> <img src="sample5.png" alt="Side-by-side comparison of generated batches in grid view" width="100%"> </p>

Key Features

• Batch grid view — Review the outputs of each queued generation together in a grid, both in the feed and in the viewer.
• Side-by-side comparison — Compare individual outputs or whole batches with synchronized zoom and pan.
• Images, videos, and audio — Browse newly generated media inside ComfyUI and open it in a full-screen viewer.
• Generation metadata — Inspect embedded prompts, seeds, and model details alongside your outputs when available.
• One-click favorites — Save copies of favorite outputs to output/favorites.

More Screenshots

Place the feed on any canvas edge

<p> <img src="sample2.png" alt="Vertical Media Feed on the left edge of the ComfyUI canvas" width="100%"> </p>

Inspect outputs and their embedded generation metadata

<p> <img src="sample3.png" alt="Full-screen image viewer showing embedded generation metadata" width="100%"> </p>

Detailed Features

• Batch selection — Select an item within a grid to inspect its metadata, download it, copy an image, or save it as a favorite.
• Comparison controls — Browse each side independently, show or hide its metadata, and choose synchronized or independent zoom and pan.
• Viewing and playback — Zoom and pan images, switch between fitted and actual-size views, and preview videos and audio in the feed or viewer, with audio waveforms and separate video/audio loop settings.
• Metadata tools — Copy individual fields or all displayed metadata, and export embedded JSON when available.
• Feed controls — Filter by media type, automatically follow new outputs, show all workflow tabs or only the current one, and optionally exclude Preview node media.
• Workspace customization — Place the feed on any of the four canvas edges, resize thumbnails, and choose Default, Frameless, or Compact styling. Compact reveals controls outside the media on hover, keeps scrollbars hidden, and hides the feed when its history is empty. The feed follows ComfyUI themes and provides localized settings.
• Session history — Restore recent media after a reload in the same browser tab, with a configurable limit on retained entries.

Settings Defaults

• Placement: Bottom
• Thumbnail size: 143px high
• Follow latest media: On
• Feed history limit: 256
• Feed style: Default
• Media from: All workflow tabs
• Exclude Preview node media: Off
• Batch dividers: Line
• Show metadata in viewer: On
• Metadata position: Left
• Fit media to viewer: Off
• Fit scale: 100%
• Loop videos: On
• Loop audio: Off
• Show ComfyUI progress panel over viewer: Off
• Show favorite button on hover: On
• Favorite storage folder: output/favorites (fixed)

Saved settings are stored in browser localStorage and override these defaults after the first change.

Enable Show ComfyUI progress panel over viewer to keep ComfyUI's standard progress panel visible and usable while viewing media. Its position and expanded/collapsed state follow ComfyUI. Closing the viewer or disabling the option restores the usual layering. This option requires a frontend with the standard progress overlay enabled; it does not create a panel on versions that do not provide one. With metadata on the right, the viewer keeps a stable space between the Metadata heading and its action buttons, using a slightly smaller Negative Prompt area so generation start and completion do not shift controls.

Performance Notes

The feed keeps the configured number of latest media entries in memory (256 by default, selectable from 64 to 1024), mirrors only their small file descriptors to browser sessionStorage, and only renders visible cards plus a small overscan buffer. Media files themselves are never copied into browser storage. The toolbar trash button clears both the visible feed and its saved session entries.

Images, videos, and audio are loaded through ComfyUI's standard /view route. Image thumbnails and the full-screen image viewer use the same URL so the browser can reuse cache. Recently decoded images are also kept in a small in-memory LRU cache.

Video thumbnails use preload="metadata". The native audio element uses preload="none" until playback, while visible audio cards load the same /view URL one at a time to derive a small waveform. Only the reduced waveform levels are cached after decoding.

Install

ComfyUI Manager

Search for Media Feed in ComfyUI Manager and install it.

Manual

For manual installation, clone this repository into ComfyUI/custom_nodes:

cd ComfyUI/custom_nodes
git clone https://github.com/pajama114/ComfyUI-Media-Feed.git

Restart ComfyUI and reload the browser.

If the extension loads correctly, the browser developer console will show:

[ComfyUI Media Feed] extension loaded

Supported Media

The feed listens for ComfyUI executed events and recursively searches node outputs for objects shaped like this:

{
  "filename": "ComfyUI_00001_.png",
  "subfolder": "",
  "type": "output"
}

Media type is detected from the filename extension.

When Exclude Preview node media is enabled, media emitted by nodes whose type starts with Preview (for example, Preview Image) is not added to the feed.

Images:

avif, bmp, gif, jpeg, jpg, png, webp

Videos:

avi, m4v, mkv, mov, mp4, webm

Audio:

aac, flac, wav

Embedded Metadata

When Show prompts in viewer is enabled, Media Feed fetches the selected file and reads its embedded metadata. It attempts to recover prompts, seeds, and generation details from ComfyUI prompt/workflow data, including data inside subgraphs. When available, the viewer also lists the checkpoint and active LoRA resources used by the workflow.

Embedded metadata reading is supported for:

PNG, GIF, MP4, M4V, MOV, WebM, MKV, M4A, MP3, FLAC, OGG, Opus

For larger media, Media Feed first scans small byte ranges instead of loading the entire file. Video scans include both the beginning and end of the file, where container metadata is commonly stored. If that initial scan cannot find the embedded metadata, the viewer offers a Read full file metadata action to complete a full scan on demand.

Favorites

Selecting the star copies output media (images, video, or audio) to the fixed favorites folder inside ComfyUI's configured output directory. The folder is created on first use. Source media is never moved, deleted, or overwritten; a number is appended when a favorite already has the same filename. Selecting a registered star again removes that specific copied file from favorites; it never removes the source media. Media from input or temp is not eligible, so this feature never accepts an arbitrary filesystem path.

The Favorite storage folder setting displays the fixed relative path output/favorites; it is informational and cannot be changed.

Current Limitations

• The feed does not scan existing files in the output directory. It restores media seen in the current browser-tab session after a reload, but closing the tab starts a new feed session.
• Video and audio support depends on output nodes returning filename, subfolder, and type in their execution payload.
• The extension uses ComfyUI's local /view route. Remote or hosted setups may need additional adapter work.
• Metadata display depends on the output file containing supported embedded metadata. Custom nodes and workflows may use formats that cannot be read, or may not expose enough information to infer every prompt, seed, resource, or generation parameter.

Development

ComfyUI loads JavaScript files from WEB_DIRECTORY, exported in __init__.py. The frontend is split into small browser modules:

web/js/media_feed.js
web/js/metadata.js
web/js/metadata_parsers.js
web/js/styles.js
web/js/icons.js

There are no runtime Python dependencies.