ComfyUI Node: Web Viewer @ vrch.ai

Web Viewer @ vrch.ai:

The VrchWebViewerNode is designed to facilitate the seamless integration of web-based content viewing within your AI art projects. This node allows you to open a specified URL in a new browser tab, providing a convenient way to display images, audio, or depth maps directly from your project environment. By leveraging this node, you can easily share and visualize your creative outputs in a web-based format, enhancing collaboration and presentation capabilities. The node is particularly beneficial for artists who wish to showcase their work in a dynamic and interactive manner, as it supports various media types and offers customizable viewing options. Its primary function is to bridge the gap between your local project environment and the web, making it an essential tool for modern digital artists looking to expand their creative horizons.

Web Viewer @ vrch.ai Input Parameters:

mode

The mode parameter determines the type of content you wish to view, with options including "image", "audio", and "depthmap". This selection impacts how the node processes and displays the content, ensuring the appropriate format is used for each media type. The default value is "image", allowing for straightforward image viewing, but you can switch to "audio" or "depthmap" as needed to suit your project's requirements.

server

The server parameter specifies the server address where the web viewer will connect. It is a string value, with the default set to "127.0.0.1:8188". This parameter is crucial for establishing the connection between your local environment and the web viewer, and it should be configured to match your server setup.

ssl

The ssl parameter is a boolean that indicates whether SSL (Secure Sockets Layer) should be used for the connection. By default, it is set to False, meaning SSL is not used. Enabling SSL (True) is recommended if you require a secure connection, especially when dealing with sensitive content or operating over public networks.

filename

The filename parameter allows you to specify the name of the file to be viewed. It is a string value, with the default set to "web_viewer_image.jpeg". This parameter is important for identifying the specific file you wish to display, and it should be set to match the file's actual name and format.

path

The path parameter defines the directory path where the file is located. It is a string value, with the default set to "web_viewer". This parameter helps the node locate the file within your project structure, ensuring the correct file is accessed for viewing.

window_width

The window_width parameter sets the width of the web viewer window in pixels. It is an integer value, with a default of 1280, and it can range from a minimum of 100 to a maximum of 10240. This parameter allows you to customize the viewing window's size to fit your display preferences and project needs.

window_height

The window_height parameter sets the height of the web viewer window in pixels. Similar to window_width, it is an integer value with a default of 960, and it can range from 100 to 10240. Adjusting this parameter helps ensure the content is displayed optimally on your screen.

show_url

The show_url parameter is a boolean that determines whether the URL should be displayed in the web viewer. By default, it is set to False, meaning the URL is hidden. Enabling this option (True) can be useful for debugging or when you want to provide viewers with direct access to the URL.

url

The url parameter specifies the web address to be opened in the viewer. It is a string value, with the default set to "https://vrch.ai/viewer". This parameter is essential for directing the node to the correct web resource, and it should be set to the desired URL for your project.

Web Viewer @ vrch.ai Output Parameters:

None

The VrchWebViewerNode does not produce any direct output parameters. Its primary function is to open a web viewer, and as such, it does not return data to be used in subsequent nodes. The node's impact is visual and interactive, rather than data-driven.

Web Viewer @ vrch.ai Usage Tips:

• Ensure that the server parameter is correctly configured to match your local or remote server setup to avoid connection issues.
• Use the mode parameter to switch between different media types, allowing you to tailor the viewing experience to your project's needs.
• Adjust the window_width and window_height parameters to optimize the display size for your specific screen resolution and content type.

Web Viewer @ vrch.ai Common Errors and Solutions:

Connection Error

• Explanation: This error occurs when the node is unable to connect to the specified server address.
• Solution: Verify that the server parameter is correctly set and that the server is running and accessible from your network.

File Not Found

• Explanation: This error indicates that the specified file could not be located at the given path.
• Solution: Check that the filename and path parameters are correctly set to match the actual file location and name.

SSL Certificate Error

• Explanation: This error arises when there is an issue with the SSL certificate during a secure connection attempt.
• Solution: Ensure that the ssl parameter is set correctly and that the server's SSL certificate is valid and trusted.