Skip to content
LOPS Docs

Web Viewer Operator

v1.0.1
See LOPs 0.1.1 Full changelog →

The Web Viewer LOP is a versatile tool for both human and AI-driven web interaction within TouchDesigner. It can function as a standard web browser, a Markdown renderer, and a powerful toolkit for AI agents.

Its key features include:

  • Dual Modes: Seamlessly switch between Navigate mode for browsing live websites and Markdown mode for rendering styled documents from DATs.
  • Robust Navigation: Automatically patches links that would normally open in a new tab (target="_blank") to keep the session contained within the operator.
  • Agent Integration: Exposes a rich set of clearly named functions (e.g., web_navigate_to_url, web_click_element, web_find_elements) via the GetTool standard, allowing AI agents to browse and interact with web pages effectively.

Web Viewer UI

Agent Tool Integration

Section titled “Agent Tool Integration”
🔧 GetTool Enabled 15 tools

This operator exposes 15 tools that allow Agent and Gemini Live LOPs to perform web browsing and interaction including navigation, element discovery, clicking, form filling, scrolling, and page analysis.

Use the Tool Debugger operator to inspect exact tool definitions, schemas, and parameters.

The web_viewer operator provides one of the most comprehensive tool sets in the LOPs ecosystem, enabling agents to browse and interact with websites just like a human would. Tools include navigation (web_navigate_to_url, web_go_back), page analysis (web_find_elements, web_get_page_info), interaction (web_click_element, web_fill_input), and scrolling (web_scroll_up, web_scroll_to_bottom).

Parameters

Section titled “Parameters”
Web Mode (Webmode) op('web_viewer').par.Webmode Menu
Default:
Navigate
URL (Url) op('web_viewer').par.Url Str
Default:
"" (Empty String)
Markdown Style (Markdownstyle) op('web_viewer').par.Markdownstyle Menu
Default:
dot
Markdown Source (Markdowndat) op('web_viewer').par.Markdowndat DAT
Default:
"" (Empty String)
Render Markdown (Rendermarkdown) op('web_viewer').par.Rendermarkdown Pulse
Default:
None
Go (Go) op('web_viewer').par.Go Pulse
Default:
None
Back (Back) op('web_viewer').par.Back Pulse
Default:
None
Forward (Forward) op('web_viewer').par.Forward Pulse
Default:
None
Refresh (Refresh) op('web_viewer').par.Refresh Pulse
Default:
None
Bypass (Bypass) op('web_viewer').par.Bypass Toggle
Default:
Off
Show Built-in Parameters (Showbuiltin) op('web_viewer').par.Showbuiltin Toggle
Default:
Off
Version (Version) op('web_viewer').par.Version Str
Default:
"" (Empty String)
Last Updated (Lastupdated) op('web_viewer').par.Lastupdated Str
Default:
"" (Empty String)
Creator (Creator) op('web_viewer').par.Creator Str
Default:
"" (Empty String)
Website (Website) op('web_viewer').par.Website Str
Default:
"" (Empty String)
ChatTD Operator (Chattd) op('web_viewer').par.Chattd OP
Default:
"" (Empty String)

Usage Examples

Section titled “Usage Examples”

Manual Web Browsing

  1. Set Web Mode to Navigate.
  2. Enter https://duckduckgo.com in the Url parameter.
  3. Pulse the Go parameter.
  4. Use Back, Forward, and Refresh to navigate.
  5. Use your mouse and keyboard for navigation (make sure the comp is activated / interactive).

Markdown Rendering

  1. Create a Text DAT and write Markdown in it.
  2. Set Web Mode to Markdown.
  3. Drag your Text DAT onto the Markdown Source parameter.
  4. Choose a Markdown Style.
  5. Pulse Render Markdown.