Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.

Vista en vivo

Live View AgentCore de Amazon Bedrock funciona con AWS DCV. Cada sesión de navegador lanza un servidor DCV dedicado que transmite la interfaz del navegador y permite la interacción del usuario en tiempo real.

Para integrar la vista en vivo en su aplicación web, utilice el componente BrowserLiveView React del SDK de Amazon Bedrock AgentCore TypeScript . El componente integra internamente el cliente web de AWS DCV y gestiona la configuración de la conexión, la autenticación SIGv4 y la reproducción de vídeo, de modo que puede integrar una transmisión de navegador en directo con un mínimo de código y, al mismo tiempo, mantener el control total sobre la interfaz de usuario.

Uso del componente BrowserLiveView

El BrowserLiveView componente requiere una URL de visualización SigV4-presigned en vivo. Tras iniciar una sesión de navegador (consulte Administrar las sesiones de navegador), genere la URL prefirmada mediante el LiveViewUrl método generate de la clase Browser del TypeScript SDK. El método firma el punto final de la transmisión de Live View con credenciales de SigV4 y devuelve una URL de tiempo limitado que se pasa al componente. BrowserLiveView

Instale el SDK de Amazon Bedrock AgentCore TypeScript :

npm install bedrock-agentcore

Importe el BrowserLiveView componente y renderícelo con la URL prefirmada. El componente gestiona la WebSocket conexión, la negociación del protocolo DCV, la decodificación de secuencias de vídeo y la representación de fotogramas. Se escala automáticamente para adaptarse a su contenedor principal y, al mismo tiempo, conserva la relación de aspecto.

import { BrowserLiveView }
  from 'bedrock-agentcore/browser/live-view'

<BrowserLiveView
  signedUrl={presignedUrl}
  remoteWidth={1920}
  remoteHeight={1080}
/>

Los valores RemoteWidth y RemoteHeight deben coincidir con la ventana gráfica configurada para la sesión del navegador. Los valores que no coinciden provocan cortes o barras negras.

La visualización en directo comienza a transmitirse tan pronto como la URL prefirmada sea válida y la sesión del navegador esté activa. Si el contenedor permanece vacío, comprueba que la URL prefirmada no haya caducado y que la sesión del navegador siga ejecutándose.

Para ver un tutorial completo que incluye un ejemplo de una aplicación React, consulta Cómo incrustar un agente de navegador basado en IA en vivo en tu aplicación React con Amazon Bedrock. AgentCore