Embed a live AI browser agent in your React app with Amazon Bedrock AgentCore

Amazon has launched the BrowserLiveView component for its Bedrock AgentCore platform, enabling developers to embed live video streams of AI agents interacting with websites directly within React applications. The component, part of the Bedrock AgentCore TypeScript SDK, uses Amazon's DCV protocol to render browser sessions and requires just three lines of JavaScript XML (JSX) for integration. Implementation only needs a presigned URL from the server, eliminating the need for developers to build complex streaming infrastructure themselves.

This technology addresses a critical trust gap in AI-powered applications by giving users real-time visibility into agent actions. Users can watch as agents navigate websites, fill forms, and interact with web elements—providing immediate visual confirmation that workflows are proceeding correctly. For regulated industries, this visual evidence supports audit requirements and compliance, while supervisors can monitor sensitive operations like customer account handling in real time. The architecture streams video directly from AWS to client browsers via WebSocket connections, bypassing application servers to minimize latency and reduce infrastructure demands.

The solution consists of three integrated components: the React application with BrowserLiveView component that handles video rendering, an application server that orchestrates connections and generates secure URLs, and AWS Cloud services that host the browser automation and streaming capabilities. This approach enables both real-time observation and post-hoc review through session recordings to Amazon S3, creating comprehensive audit trails. Organizations gain valuable troubleshooting capabilities while maintaining the performance benefits of direct streaming connections.