Topic

Serverless Deployment

All digests tagged Serverless Deployment

Build a live translation broadcast app with the Gemini Live API and LiveKit thumbnail

· 1:34

Build a live translation broadcast app with the Gemini Live API and LiveKit

This technical demonstration outlines the architecture for a real-time, multilingual broadcast application using the Gemini 3.5 Live Translate API. The system leverages LiveKit and Google Cloud Run to manage long-running WebSocket connections, enabling scalable, real-time speech translation and caption broadcasting via WebRTC data channels.

Key takeaways

  1. Real-Time Multilingual Broadcast

    The application uses Gemini 3.5 Live Translate to set up and manage live translation sessions for multiple languages, subscribing listeners to existing sessions rather than creating new ones for every request.

  2. Scalable WebSockets with Cloud Run

    Deploying Next.js to Google Cloud Run allows the application to maintain long-running WebSocket connections, which is critical for real-time communication.

  3. WebRTC for Captioning

    WebRTC data channels are utilized to broadcast captions alongside the audio stream, enhancing the real-time user experience.

Watch on YouTube Full article

Create an agent that can browse the web with Managed Deep Agents and Browserbase's Stagehand thumbnail

· 10:39

Create an agent that can browse the web with Managed Deep Agents and Browserbase's Stagehand

This video demonstrates building a production-ready web browsing agent by integrating Managed Deep Agents (LangSmith) with Stagehand v4 and BrowserStack. The resulting agent can interact with live websites—performing actions like scrolling, clicking, and navigating—using specialized tools exposed by Stagehand to connect the AI model to scalable browser infrastructure.

Key takeaways

  1. Agent Architecture Overview

    The solution uses Managed Deep Agents as the core agent harness (LangSmith), which is augmented with tools from Stagehand v4. Stagehand, in turn, connects to web browsing infrastructure provided by BrowserStack for production-grade scalability.

  2. Stagehand V4 Tools 3:57

    The agent is given three core tools from Stagehand: `screenshot` (visually inspects the rendered page), `snapshot` (inspects the active page and hydrates element IDs for simple interactions), and `run` (accepts snapshot actions or JavaScript via the Playwright-shaped page API, ideal for multi-step workflows).

  3. Development Workflow (Local vs. Production) 6:00

    The development process involves running `mda dev` locally to test the agent in a managed deep agent studio environment. For production, the deployment is finalized using `mda deploy`, which creates a serverless deployment within LangSmith's Context Hub.

Watch on YouTube Full article