https://github.com/xingBaGan/ComfyUI-connect-ui
https://github.com/xingBaGan/ComfyUI-connect-ui
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/xingBaGan/ComfyUI-connect-ui
- Owner: xingBaGan
- Created: 2025-03-10T13:12:25.000Z (about 1 month ago)
- Default Branch: main
- Last Pushed: 2025-03-11T13:24:25.000Z (about 1 month ago)
- Last Synced: 2025-03-11T14:29:23.410Z (about 1 month ago)
- Language: Python
- Size: 6.84 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
- awesome-comfyui - **ComfyUI-connect-ui** - time image transfer between client and server Base64 image encoding/decoding support Supports PNG image format Includes a floating preview window for received images Preview window has minimize/maximize functionality (All Workflows Sorted by GitHub Stars)
README
How to use it:
plase use it with the https://github.com/xingBaGan/comfy-workflow-ui
## Installation:
Clone this repo into custom_nodes folder.
Install dependencies: pip install -r requirements.txt or if you use the portable install, run this in ComfyUI_windows_portable -folder:
python_embeded\python.exe -m pip install -r ComfyUI\custom_nodes\ComfyUI-connect-ui\requirements.txt
## WebSocket Image Communication Nodes:
SaveImageByWebsocket: A node that can send processed images through WebSocket connection
reciveImageByWebsocket: A node that can receive images through WebSocket connection
## Key Features:
Real-time image transfer between client and server
Base64 image encoding/decoding support
Supports PNG image format
Includes a floating preview window for received images
Preview window has minimize/maximize functionality
## UI Features:
Floating preview window positioned at bottom-right corner
Toggle button to minimize/maximize the preview
Preview window shows received images at 250px width
Responsive image scaling with aspect ratio preservation
## Technical Implementation:
Uses WebSocket for real-time bidirectional communication
Handles image data in ComfyUI's tensor format