---
"@context": https://schema.org
"@type": TechArticle
"@id": https://www.twilio.com/docs/taskrouter/quickstart/java/agent-ui-introducing#article
headline: "Control Worker Activities using TaskRouter.js: Introducing TaskRouter.js"
description: Learn how the TaskRouter.js library adds Worker Activity controls and real-time event notifications to your web user interfaces over WebSocket.
url: https://www.twilio.com/docs/taskrouter/quickstart/java/agent-ui-introducing
inLanguage: en
dateModified: 2026-07-20T14:57:47.000Z
author:
  "@type": Organization
  name: Twilio Developer Education Team
publisher:
  "@type": Organization
  name: Twilio
---

# Control Worker Activities using TaskRouter.js: Introducing TaskRouter.js

TaskRouter.js is a JavaScript library that adds Worker Activity controls and event notifications to your web user interfaces.

TaskRouter.js provides methods for changing the Activity of a Worker. It also provides event callbacks that allow you to subscribe to important events and state changes on your Worker directly from a web-based client. Communication to the TaskRouter infrastructure is handled via a WebSocket connection managed by TaskRouter.js.

For details, refer to the [TaskRouter.js SDK documentation](/docs/taskrouter/js-sdk).

In the next step, we'll add a real-time "Agent" user interface - a simplified web page that allows our Worker Alice to control her current Activity state, see when her Activity state has changed, and see information about new incoming calls.

[Next: Add an Agent UI to our Project »](/docs/taskrouter/quickstart/java/agent-ui-add-project)