Install this extension via the ComfyUI Manager by searching
for ComfyUI Web Viewer
1. Click the Manager button in the main menu
2. Select Custom Nodes Manager button
3. Enter ComfyUI Web Viewer in the search bar
After installation, click the Restart button to
restart ComfyUI. Then, manually
refresh your browser to clear the cache and access
the updated list of nodes.
Visit
ComfyUI Online
for ready-to-use ComfyUI environment
ComfyUI Web Viewer is a custom node collection that integrates real-time streaming into ComfyUI workflows, enabling interactive AI-generated art via keyboard, OSC, and sound input nodes, accessible from any web browser.
comfyui-web-viewer Introduction
The comfyui-web-viewer is an innovative extension designed to enhance your experience with ComfyUI, a powerful and modular interface for creating advanced AI-generated art. Developed by the author, this extension allows you to interact with AI-generated content in real-time through a web browser, making it accessible from any device. Whether you're working on interactive visual projects or simply want to manage and display your AI art more efficiently, the comfyui-web-viewer provides a seamless integration into your existing ComfyUI workflows. It supports various control nodes, including keyboard, OSC (Open Sound Control), and sound input nodes, offering a dynamic and interactive framework for your creative projects.
How comfyui-web-viewer Works
At its core, the comfyui-web-viewer functions as a bridge between your ComfyUI workflows and a web-based interface. Imagine it as a live gallery where your AI-generated art can be displayed and interacted with in real-time. By integrating real-time streaming capabilities, the extension allows you to control and manipulate your art using different input methods, such as keyboard commands or sound inputs. This means you can create a more immersive and interactive experience for your audience, whether you're showcasing your work at an exhibition or collaborating with other artists online.
comfyui-web-viewer Features
The comfyui-web-viewer comes packed with features that make it a versatile tool for AI artists:
Real-time Interaction and AI Generation: Experience your AI art as it evolves, with the ability to interact and make changes on the fly.
Keyboard Control Nodes: Use your keyboard to manipulate and control various aspects of your AI-generated content.
OSC Control Nodes: Integrate with OSC-compatible devices for a more tactile and responsive interaction.
Sound Input Nodes: Let sound influence your art, adding an auditory dimension to your visual creations.
Web Accessibility: Access and control your art from any device with a web browser, making it easy to share and collaborate.
These features can be customized to suit your specific needs. For example, you can adjust the sensitivity of sound input nodes to create more subtle or dramatic effects in your art.
Troubleshooting comfyui-web-viewer
While using the comfyui-web-viewer, you might encounter some common issues. Here are solutions to help you troubleshoot:
Image Not Displayed in Popped-Up Image Viewer Window: If you're using Chrome, you may need to manually add the ComfyUI server's IP address in chrome://flags/#unsafely-treat-insecure-origin-as-secure to access the content. For other browsers, ensure your setup allows HTTP-to-HTTP access.
CORS Policy Error: If you see an error message about a blocked origin due to CORS policy, you can resolve this by launching the ComfyUI service with the --enable-cors-header flag. This allows cross-origin requests, enabling your images to display correctly.
HTTPS/TLS/SSL Issues on Port 8189: The extension includes a self-signed certificate for development purposes. To enable HTTPS, use the command:
bash
python main.py --tls-keyfile ./custom_nodes/comfyui-web-viewer/https/key.pem --tls-certfile ./custom_nodes/comfyui-web-viewer/https/cert.pem --port 8189 --listen
Learn More about comfyui-web-viewer
To further explore the capabilities of the comfyui-web-viewer, you can access a variety of resources:
Documentation: Detailed guides on using different nodes and features are available to help you get the most out of the extension.
Community Forums: Join discussions with other AI artists and developers to share tips, ask questions, and collaborate on projects.
Tutorials: Step-by-step tutorials are available to guide you through specific workflows and use cases, helping you to harness the full potential of the comfyui-web-viewer.
By leveraging these resources, you can enhance your understanding and use of the comfyui-web-viewer, making it an integral part of your AI art creation process.