Build web applications with Pipecat’s JavaScript client library
npm install @pipecat-ai/client-js npm install @pipecat-ai/[daily-transport, small-webrtc-transport, etc.]
import { PipecatClient } from "@pipecat-ai/client-js"; import { DailyTransport } from "@pipecat-ai/daily-transport"; // Handle incoming audio from the bot function handleBotAudio(track, participant) { if (participant.local || track.kind !== "audio") return; const audioElement = document.createElement("audio"); audioElement.srcObject = new MediaStream([track]); document.body.appendChild(audioElement); audioElement.play(); } // Create and configure the client const pcClient = new PipecatClient({ transport: new DailyTransport(), enableMic: true, callbacks: { onTrackStart: handleBotAudio, }, }); // Connect to your bot pcClient.connect({ url: "https://your-daily-room-url", token: "your-daily-token" });