From 5e95fa01287ba886e6835d4fd086765558511bd8 Mon Sep 17 00:00:00 2001
From: luke-speechify <289678208+luke-speechify@users.noreply.github.com>
Date: Fri, 21 Aug 2026 00:43:14 +0100
Subject: [PATCH 1/3] feat: add edge-tts demo

One serverless edge function that streams Speechify TTS audio to the
browser. Calls the REST audio/stream endpoint with fetch (the SDK is
Node-only), pipes the upstream MP3 body straight through, and keeps the
API key server-side. Turnstile-gated. Registered as a Vercel Service.
---
 README.md                              |   1 +
 demos/edge-tts/.env.example            |   1 +
 demos/edge-tts/.gitignore              |   5 +
 demos/edge-tts/README.md               |  84 +++++++++++++++++
 demos/edge-tts/app/api/stream/route.ts |  53 +++++++++++
 demos/edge-tts/app/globals.css         | 109 ++++++++++++++++++++++
 demos/edge-tts/app/layout.tsx          |  21 +++++
 demos/edge-tts/app/lib/turnstile.ts    |  37 ++++++++
 demos/edge-tts/app/page.tsx            | 124 +++++++++++++++++++++++++
 demos/edge-tts/demo.json               |   6 ++
 demos/edge-tts/next.config.ts          |  15 +++
 demos/edge-tts/package.json            |  26 ++++++
 demos/edge-tts/tsconfig.json           |  41 ++++++++
 pnpm-lock.yaml                         |  28 ++++++
 pnpm-workspace.yaml                    |   1 +
 site/public/index.html                 |   4 +-
 vercel.json                            |   8 ++
 17 files changed, 562 insertions(+), 2 deletions(-)
 create mode 100644 demos/edge-tts/.env.example
 create mode 100644 demos/edge-tts/.gitignore
 create mode 100644 demos/edge-tts/README.md
 create mode 100644 demos/edge-tts/app/api/stream/route.ts
 create mode 100644 demos/edge-tts/app/globals.css
 create mode 100644 demos/edge-tts/app/layout.tsx
 create mode 100644 demos/edge-tts/app/lib/turnstile.ts
 create mode 100644 demos/edge-tts/app/page.tsx
 create mode 100644 demos/edge-tts/demo.json
 create mode 100644 demos/edge-tts/next.config.ts
 create mode 100644 demos/edge-tts/package.json
 create mode 100644 demos/edge-tts/tsconfig.json

diff --git a/README.md b/README.md
index 6434db4..d1e31a9 100644
--- a/README.md
+++ b/README.md
@@ -27,6 +27,7 @@ Demos with a **Live** link run in your browser at [demos.speechify.ai](https://d
 | [`demos/voice-agent-showcase/`](./demos/voice-agent-showcase) | Cloudflare Workers |  | One page, ten live Voice Agents API demos: calendar booking, policy-bound support, a page copilot, form intake, US outbound calls with a 5-minute cap, a voice gallery, mid-call language handoff, cross-call memory, a grounded knowledge base, and dual-control troubleshooting. |
 | [`demos/vercel-ai-sdk/`](./demos/vercel-ai-sdk) | TypeScript (Vercel AI SDK) |  | Speechify TTS through the Vercel AI SDK's unified `generateSpeech` interface via the official `@speechify/vercel` provider — one-line swap from OpenAI/ElevenLabs, plus word-level speech marks from `providerMetadata`. |
 | [`demos/puter-txt2speech/`](./demos/puter-txt2speech) | HTML (puter.js) |  | Speaks with a Simba 3.2 voice via the Speechify provider in Puter's puter.ai.txt2speech() — one static page, your key configured once on the Puter instance. |
+| [`demos/edge-tts/`](./demos/edge-tts) | Next.js | [Open](https://demos.speechify.ai/edge-tts) | A single serverless edge function streams Speechify TTS audio to the browser — no SDK, key held server-side. Ideal for widgets and light integrations. |
 <!-- DEMOS:END -->
 
 ## Get an API key
diff --git a/demos/edge-tts/.env.example b/demos/edge-tts/.env.example
new file mode 100644
index 0000000..534cec4
--- /dev/null
+++ b/demos/edge-tts/.env.example
@@ -0,0 +1 @@
+SPEECHIFY_API_KEY=your_api_key_here
diff --git a/demos/edge-tts/.gitignore b/demos/edge-tts/.gitignore
new file mode 100644
index 0000000..95d1bcb
--- /dev/null
+++ b/demos/edge-tts/.gitignore
@@ -0,0 +1,5 @@
+node_modules/
+.next/
+.env
+next-env.d.ts
+*.tsbuildinfo
diff --git a/demos/edge-tts/README.md b/demos/edge-tts/README.md
new file mode 100644
index 0000000..df3fd93
--- /dev/null
+++ b/demos/edge-tts/README.md
@@ -0,0 +1,84 @@
+# One-file serverless edge TTS (Next.js)
+
+A [Next.js](https://nextjs.org) demo whose whole backend is a **single serverless edge function** that streams Speechify text-to-speech audio straight to the browser. No SDK, no buffering, key held server-side. This is the shape you want for a TTS widget, a light integration, or a copy-paste starting point.
+
+Pairs with the upcoming speechify.ai post "One-file serverless TTS on an edge function".
+
+## What you get
+
+- A minimal page: textarea + **Play** button. It POSTs your text to the edge route and plays the streamed audio.
+- One edge route, `app/api/stream/route.ts`, that is the entire backend. It runs on the edge runtime and pipes the upstream MP3 body straight through.
+
+## The one file
+
+The `@speechify/api` SDK is Node-only, so the edge route calls the REST API directly with `fetch` and streams the response body back unchanged:
+
+```ts
+import { verifyTurnstile } from "../../lib/turnstile";
+
+export const runtime = "edge";
+
+const SPEECHIFY_STREAM_URL = "https://api.speechify.ai/v1/audio/stream";
+
+export async function POST(req: Request) {
+  if (!(await verifyTurnstile(req))) {
+    return new Response("Forbidden", { status: 403 });
+  }
+
+  const { input } = (await req.json().catch(() => ({}))) as { input?: unknown };
+  if (typeof input !== "string" || input.trim() === "") {
+    return new Response("`input` text is required", { status: 400 });
+  }
+
+  const upstream = await fetch(SPEECHIFY_STREAM_URL, {
+    method: "POST",
+    headers: {
+      Authorization: `Bearer ${process.env.SPEECHIFY_API_KEY}`,
+      "content-type": "application/json",
+      Accept: "audio/mpeg",
+    },
+    body: JSON.stringify({
+      input,
+      voice_id: "geffen_32",
+      model: "simba-3.2",
+      audio_format: "mp3",
+    }),
+  });
+
+  if (!upstream.ok || !upstream.body) {
+    const detail = await upstream.text().catch(() => "");
+    return new Response(detail || "Speechify request failed", {
+      status: upstream.status || 502,
+    });
+  }
+
+  return new Response(upstream.body, {
+    headers: { "content-type": "audio/mpeg", "cache-control": "no-store" },
+  });
+}
+```
+
+That is the whole backend.
+
+## Run it yourself
+
+```bash
+cp .env.example .env   # then paste your SPEECHIFY_API_KEY
+pnpm install
+pnpm dev               # http://localhost:8768
+```
+
+Open `http://localhost:8768`, type some text, and click **Play**.
+
+## How the key stays server-side
+
+`SPEECHIFY_API_KEY` is only ever read inside the edge function via `process.env`, which the browser cannot see. The client talks to the same-origin `/api/stream` route and receives audio bytes — never the key.
+
+## Why edge
+
+Edge functions start fast, run close to the user, and stream by default. Piping the upstream body straight to the client means the browser can start playing before synthesis finishes, with almost no server code in between.
+
+## Prerequisites
+
+- Node 20 or newer
+- A `SPEECHIFY_API_KEY` from [platform.speechify.ai/api-keys](https://platform.speechify.ai/api-keys)
diff --git a/demos/edge-tts/app/api/stream/route.ts b/demos/edge-tts/app/api/stream/route.ts
new file mode 100644
index 0000000..faa1f1b
--- /dev/null
+++ b/demos/edge-tts/app/api/stream/route.ts
@@ -0,0 +1,53 @@
+import { verifyTurnstile } from "../../lib/turnstile";
+
+// The whole demo is this one file: a serverless EDGE function that streams
+// Speechify TTS audio straight back to the browser. No SDK (it is Node-only),
+// no buffering — the upstream MP3 body is piped through as it arrives, so the
+// client can start playing before synthesis finishes.
+export const runtime = "edge";
+
+const SPEECHIFY_STREAM_URL = "https://api.speechify.ai/v1/audio/stream";
+
+export async function POST(req: Request) {
+  // Abuse gate. Fails open locally when TURNSTILE_SECRET_KEY is unset.
+  if (!(await verifyTurnstile(req))) {
+    return new Response("Forbidden", { status: 403 });
+  }
+
+  const { input } = (await req.json().catch(() => ({}))) as {
+    input?: unknown;
+  };
+  if (typeof input !== "string" || input.trim() === "") {
+    return new Response("`input` text is required", { status: 400 });
+  }
+
+  const upstream = await fetch(SPEECHIFY_STREAM_URL, {
+    method: "POST",
+    headers: {
+      Authorization: `Bearer ${process.env.SPEECHIFY_API_KEY}`,
+      "content-type": "application/json",
+      Accept: "audio/mpeg",
+    },
+    body: JSON.stringify({
+      input,
+      voice_id: "geffen_32",
+      model: "simba-3.2",
+      audio_format: "mp3",
+    }),
+  });
+
+  if (!upstream.ok || !upstream.body) {
+    const detail = await upstream.text().catch(() => "");
+    return new Response(detail || "Speechify request failed", {
+      status: upstream.status || 502,
+    });
+  }
+
+  // Pipe the streamed audio straight to the client.
+  return new Response(upstream.body, {
+    headers: {
+      "content-type": "audio/mpeg",
+      "cache-control": "no-store",
+    },
+  });
+}
diff --git a/demos/edge-tts/app/globals.css b/demos/edge-tts/app/globals.css
new file mode 100644
index 0000000..f02d988
--- /dev/null
+++ b/demos/edge-tts/app/globals.css
@@ -0,0 +1,109 @@
+:root {
+  color-scheme: light dark;
+  --fg: #111;
+  --bg: #fff;
+  --muted: #666;
+  --border: #ddd;
+  --surface: #f6f6f6;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --fg: #f2f2f2;
+    --bg: #0c0c0c;
+    --muted: #999;
+    --border: #2a2a2a;
+    --surface: #161616;
+  }
+}
+
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  padding: 2rem 1rem;
+  background: var(--bg);
+  color: var(--fg);
+  font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
+  line-height: 1.5;
+}
+
+main {
+  max-width: 34rem;
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+  gap: 1.25rem;
+}
+
+h1 {
+  font-size: 1.6rem;
+  font-weight: 500;
+  margin: 0;
+}
+
+.lede {
+  margin: 0;
+  color: var(--muted);
+  font-size: 0.95rem;
+}
+
+.step {
+  border: 1px solid var(--border);
+  border-radius: 0.6rem;
+  padding: 1.1rem;
+  background: var(--surface);
+}
+
+label {
+  display: block;
+  font-size: 0.85rem;
+  margin: 0 0 0.2rem;
+}
+
+textarea,
+button {
+  font: inherit;
+  color: inherit;
+  width: 100%;
+  padding: 0.55rem 0.7rem;
+  border: 1px solid var(--border);
+  border-radius: 0.4rem;
+  background: var(--bg);
+}
+
+button {
+  cursor: pointer;
+  background: var(--fg);
+  color: var(--bg);
+  border: 0;
+  font-weight: 500;
+  margin-top: 0.9rem;
+}
+
+button:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+
+.status {
+  font-size: 0.85rem;
+  color: var(--muted);
+  min-height: 1.2rem;
+}
+
+.status[data-tone="error"] {
+  color: #c0392b;
+}
+
+audio {
+  width: 100%;
+  margin-top: 0.9rem;
+}
+
+code {
+  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+  font-size: 0.85em;
+}
diff --git a/demos/edge-tts/app/layout.tsx b/demos/edge-tts/app/layout.tsx
new file mode 100644
index 0000000..faf1fce
--- /dev/null
+++ b/demos/edge-tts/app/layout.tsx
@@ -0,0 +1,21 @@
+import type { Metadata } from "next";
+import type { ReactNode } from "react";
+import Script from "next/script";
+import "./globals.css";
+
+export const metadata: Metadata = {
+  title: "One-file serverless edge TTS",
+  description:
+    "A single serverless edge function that streams Speechify text-to-speech audio to the browser.",
+};
+
+export default function RootLayout({ children }: { children: ReactNode }) {
+  return (
+    <html lang="en">
+      <body>
+        <Script src="/turnstile.js" strategy="beforeInteractive" />
+        {children}
+      </body>
+    </html>
+  );
+}
diff --git a/demos/edge-tts/app/lib/turnstile.ts b/demos/edge-tts/app/lib/turnstile.ts
new file mode 100644
index 0000000..6fee926
--- /dev/null
+++ b/demos/edge-tts/app/lib/turnstile.ts
@@ -0,0 +1,37 @@
+// Verifies a Turnstile token against Cloudflare siteverify. Returns true iff
+// the caller is allowed to proceed.
+//
+// Fail-open contract: when TURNSTILE_SECRET_KEY isn't set (local dev, fork
+// deploys, anywhere the operator hasn't configured Turnstile) OR when the
+// siteverify request itself errors, returns true. The alternative is
+// breaking the demo whenever Turnstile isn't configured — a worse experience
+// than leaving the abuse gate briefly open. Real prod hardening would flip
+// this to fail-closed; this is a reference demo.
+const SITEVERIFY_URL =
+  "https://challenges.cloudflare.com/turnstile/v0/siteverify";
+
+export async function verifyTurnstile(req: Request): Promise<boolean> {
+  const secret = process.env.TURNSTILE_SECRET_KEY;
+  if (!secret) return true;
+
+  const token = req.headers.get("x-turnstile-token");
+  if (!token) return false;
+
+  const form = new URLSearchParams();
+  form.set("secret", secret);
+  form.set("response", token);
+  const remoteip = req.headers
+    .get("x-forwarded-for")
+    ?.split(",")[0]
+    ?.trim();
+  if (remoteip) form.set("remoteip", remoteip);
+
+  try {
+    const cf = await fetch(SITEVERIFY_URL, { method: "POST", body: form });
+    if (!cf.ok) return true;
+    const result = (await cf.json()) as { success?: boolean };
+    return Boolean(result?.success);
+  } catch {
+    return true;
+  }
+}
diff --git a/demos/edge-tts/app/page.tsx b/demos/edge-tts/app/page.tsx
new file mode 100644
index 0000000..1bd3155
--- /dev/null
+++ b/demos/edge-tts/app/page.tsx
@@ -0,0 +1,124 @@
+"use client";
+
+import { useEffect, useRef, useState } from "react";
+
+const API_BASE = "/edge-tts";
+
+type TurnstileHandle = {
+  enabled: boolean;
+  getToken: (opts?: { timeout?: number }) => Promise<string | null>;
+  reset: () => void;
+};
+
+declare global {
+  interface Window {
+    SpeechifyTurnstile?: {
+      render: (
+        target: string | HTMLElement,
+        options?: unknown,
+      ) => Promise<TurnstileHandle>;
+    };
+  }
+}
+
+export default function Home() {
+  const [text, setText] = useState(
+    "This audio is streaming out of a single serverless edge function.",
+  );
+  const [audioUrl, setAudioUrl] = useState<string | null>(null);
+  const [status, setStatus] = useState("");
+  const [tone, setTone] = useState<"info" | "error">("info");
+  const [busy, setBusy] = useState(false);
+  const [turnstile, setTurnstile] = useState<TurnstileHandle | null>(null);
+  const lastUrl = useRef<string | null>(null);
+
+  useEffect(() => {
+    let cancelled = false;
+    async function init() {
+      while (!window.SpeechifyTurnstile && !cancelled) {
+        await new Promise((r) => setTimeout(r, 30));
+      }
+      if (cancelled) return;
+      const t = await window.SpeechifyTurnstile!.render("#turnstile-container");
+      if (!cancelled) setTurnstile(t);
+    }
+    void init();
+    return () => {
+      cancelled = true;
+    };
+  }, []);
+
+  function say(message: string, t: "info" | "error" = "info") {
+    setStatus(message);
+    setTone(t);
+  }
+
+  async function play() {
+    if (!text.trim()) {
+      say("Type something to speak.", "error");
+      return;
+    }
+    setBusy(true);
+    say("Streaming from the edge…");
+
+    const headers: Record<string, string> = {
+      "content-type": "application/json",
+    };
+    if (turnstile) {
+      const token = await turnstile.getToken();
+      if (token) headers["x-turnstile-token"] = token;
+    }
+
+    const res = await fetch(`${API_BASE}/api/stream`, {
+      method: "POST",
+      headers,
+      body: JSON.stringify({ input: text }),
+    });
+    turnstile?.reset();
+
+    if (!res.ok) {
+      setBusy(false);
+      const detail = await res.text().catch(() => res.statusText);
+      say(detail || "Stream failed.", "error");
+      return;
+    }
+
+    // Read the streamed response as a blob and play it.
+    const blob = await res.blob();
+    if (lastUrl.current) URL.revokeObjectURL(lastUrl.current);
+    const url = URL.createObjectURL(blob);
+    lastUrl.current = url;
+    setAudioUrl(url);
+    setBusy(false);
+    say("Done. Press play.");
+  }
+
+  return (
+    <main>
+      <h1>One-file serverless edge TTS</h1>
+      <p className="lede">
+        Type text, hit play. The audio streams out of a single edge function at{" "}
+        <code>app/api/stream/route.ts</code> — no SDK, key held server-side.
+      </p>
+
+      <section className="step">
+        <label htmlFor="text">Text to speak</label>
+        <textarea
+          id="text"
+          rows={4}
+          value={text}
+          onChange={(e) => setText(e.target.value)}
+        />
+        <div id="turnstile-container" />
+        <button onClick={play} disabled={busy}>
+          {busy ? "Streaming…" : "Play"}
+        </button>
+        {audioUrl && <audio controls autoPlay src={audioUrl} />}
+      </section>
+
+      <p className="status" data-tone={tone}>
+        {status}
+      </p>
+    </main>
+  );
+}
diff --git a/demos/edge-tts/demo.json b/demos/edge-tts/demo.json
new file mode 100644
index 0000000..9a42d01
--- /dev/null
+++ b/demos/edge-tts/demo.json
@@ -0,0 +1,6 @@
+{
+  "order": 240,
+  "title": "One-file serverless edge TTS",
+  "stack": "Next.js",
+  "blurb": "A single serverless edge function streams Speechify TTS audio to the browser — no SDK, key held server-side. Ideal for widgets and light integrations."
+}
diff --git a/demos/edge-tts/next.config.ts b/demos/edge-tts/next.config.ts
new file mode 100644
index 0000000..0533620
--- /dev/null
+++ b/demos/edge-tts/next.config.ts
@@ -0,0 +1,15 @@
+import type { NextConfig } from "next";
+
+const basePath = "/edge-tts";
+
+const nextConfig: NextConfig = {
+  // The Speechify SDK is server-only. This demo's edge route deliberately does
+  // NOT use the SDK — it calls the REST API with fetch so it can run on the
+  // edge runtime — but this stays in for parity with the other demos.
+  serverExternalPackages: ["@speechify/api"],
+  // Mounted as a Vercel Service under this subpath on demos.speechify.ai.
+  // Standalone (`npm run dev`) also serves under this prefix.
+  basePath,
+};
+
+export default nextConfig;
diff --git a/demos/edge-tts/package.json b/demos/edge-tts/package.json
new file mode 100644
index 0000000..271f42c
--- /dev/null
+++ b/demos/edge-tts/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "edge-tts",
+  "version": "0.1.0",
+  "private": true,
+  "type": "module",
+  "description": "One-file serverless edge function that streams Speechify TTS audio",
+  "scripts": {
+    "dev": "next dev -p 8768",
+    "build": "next build",
+    "start": "next start -p 8768",
+    "lint": "next lint",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "@speechify/api": "^3.0.1",
+    "next": "^16.2.10",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
+    "typescript": "^5.6.0"
+  }
+}
diff --git a/demos/edge-tts/tsconfig.json b/demos/edge-tts/tsconfig.json
new file mode 100644
index 0000000..637ff2c
--- /dev/null
+++ b/demos/edge-tts/tsconfig.json
@@ -0,0 +1,41 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "ES2022"
+    ],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": [
+        "./*"
+      ]
+    }
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c8afd9c..95f7d5b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -43,6 +43,34 @@ importers:
         specifier: ^5.6.0
         version: 5.9.3
 
+  demos/edge-tts:
+    dependencies:
+      '@speechify/api':
+        specifier: ^3.0.1
+        version: 3.0.1
+      next:
+        specifier: ^16.2.10
+        version: 16.2.10(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+      react:
+        specifier: ^19.2.0
+        version: 19.2.7
+      react-dom:
+        specifier: ^19.2.0
+        version: 19.2.7(react@19.2.7)
+    devDependencies:
+      '@types/node':
+        specifier: ^22.0.0
+        version: 22.20.1
+      '@types/react':
+        specifier: ^19.2.0
+        version: 19.2.17
+      '@types/react-dom':
+        specifier: ^19.2.0
+        version: 19.2.3(@types/react@19.2.17)
+      typescript:
+        specifier: ^5.6.0
+        version: 5.9.3
+
   demos/multilingual-voiceover:
     dependencies:
       next:
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 32f9179..9ad69ef 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -10,3 +10,4 @@ packages:
   - "demos/ai-sdk-speechify-speech"
   - "demos/next-voice-cloning-app"
   - "demos/multilingual-voiceover"
+  - "demos/edge-tts"
diff --git a/site/public/index.html b/site/public/index.html
index ae37691..988c2ed 100644
--- a/site/public/index.html
+++ b/site/public/index.html
@@ -276,7 +276,7 @@
     <!-- End PostHog -->
 
     <!-- JSONLD:START -->
-    <script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://demos.speechify.ai/#org","name":"Speechify AI","url":"https://speechify.ai","logo":"https://demos.speechify.ai/apple-touch-icon.png","sameAs":["https://github.com/SpeechifyInc","https://x.com/SpeechifyAI","https://www.linkedin.com/company/speechifyinc/"]},{"@type":"WebSite","@id":"https://demos.speechify.ai/#website","url":"https://demos.speechify.ai/","name":"Speechify Demos","description":"Open-source demos built on the Speechify API — text-to-speech, voice cloning, and real-time voice agents.","publisher":{"@id":"https://demos.speechify.ai/#org"}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"SpeechifyAI","item":"https://speechify.ai"},{"@type":"ListItem","position":2,"name":"Demos","item":"https://demos.speechify.ai/"}]},{"@type":"ItemList","name":"Speechify API demos","numberOfItems":18,"itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"SoftwareApplication","name":"Voice cloning web app","description":"Upload a sample, clone the voice, synthesize with the clone. The API key stays server-side in route handlers.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://demos.speechify.ai/next-voice-cloning-app","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":2,"item":{"@type":"SoftwareApplication","name":"AI SDK speech generation","description":"A custom Speechify speech model for the AI SDK's generateSpeech, wired into a Next.js page. The API key stays server-side.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://demos.speechify.ai/ai-sdk-speechify-speech","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":3,"item":{"@type":"SoftwareApplication","name":"Multilingual voiceover","description":"Generate the same line in six languages with a locale-matched simba-3.0 voice. The API key stays server-side.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://demos.speechify.ai/multilingual-voiceover","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":4,"item":{"@type":"SoftwareApplication","name":"Captions from speech marks","description":"Synthesizes audio and builds a WebVTT caption file from the speech marks the API returns in the same response. Karaoke-highlight HTML demo included.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/captions-speech-marks","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":5,"item":{"@type":"SoftwareApplication","name":"Voice cloning narration","description":"Clones a voice from a 10-30 sec WAV sample, synthesizes with the new voice, deletes the clone. End-to-end lifecycle.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/voice-cloning-narration","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":6,"item":{"@type":"SoftwareApplication","name":"Audiobook pipeline","description":"Chunks long-form text on sentence boundaries, synthesizes each chunk via the Speechify Python SDK, concatenates the MP3s with ffmpeg.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/audiobook-pipeline","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":7,"item":{"@type":"SoftwareApplication","name":"LiveKit agent (official plugin)","description":"Real-time voice assistant using LiveKit's official livekit-plugins-speechify package for TTS, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/livekit-agent-speechify-python","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":8,"item":{"@type":"SoftwareApplication","name":"LiveKit voice agent","description":"Legacy Speechify-owned LiveKit TTS demo, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession. Prefer the official LiveKit plugin demo for new work.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/livekit-voice-agent-python","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":9,"item":{"@type":"SoftwareApplication","name":"LiveKit voice agent","description":"Legacy Speechify-owned LiveKit TTS demo, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/livekit-voice-agent-node","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":10,"item":{"@type":"SoftwareApplication","name":"SSML emotion TTS","description":"Drives emotion, pauses, prosody, emphasis, and pronunciation with SSML in a single POST /v1/audio/speech request.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/ssml-emotion-tts","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":11,"item":{"@type":"SoftwareApplication","name":"Web audio streaming","description":"Streams Speechify PCM into the browser Web Audio API for low-latency playback, behind a zero-dep proxy that keeps the key server-side.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/web-audio-streaming","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":12,"item":{"@type":"SoftwareApplication","name":"Deepgram voice agent shim","description":"Points Deepgram Voice Agent at the tts-shims OpenAI-compatible proxy so it speaks with a Speechify voice, key held server-side.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/deepgram-voice-agent-shim","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":13,"item":{"@type":"SoftwareApplication","name":"Vapi custom voice","description":"Points Vapi custom voice at the tts-shims Vapi-compatible proxy so it speaks with Speechify raw PCM, key held server-side.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/vapi-custom-voice","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":14,"item":{"@type":"SoftwareApplication","name":"Pipecat agent","description":"Real-time voice pipeline using Pipecat with Deepgram STT, Anthropic Claude, and Speechify TTS through SpeechifyTTSService.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/pipecat-agent-speechify","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":15,"item":{"@type":"SoftwareApplication","name":"Mastra voice agent","description":"Text-in, speech-out Mastra Agent using an OpenAI LLM for replies and Speechify's simba-3.2 model for TTS via `@mastra/voice-speechify`.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/mastra-agent-speechify","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":16,"item":{"@type":"SoftwareApplication","name":"Voice agent capability showcase","description":"One page, ten live Voice Agents API demos: calendar booking, policy-bound support, a page copilot, form intake, US outbound calls with a 5-minute cap, a voice gallery, mid-call language handoff, cross-call memory, a grounded knowledge base, and dual-control troubleshooting.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/voice-agent-showcase","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":17,"item":{"@type":"SoftwareApplication","name":"Vercel AI SDK","description":"Speechify TTS through the Vercel AI SDK's unified `generateSpeech` interface via the official `@speechify/vercel` provider — one-line swap from OpenAI/ElevenLabs, plus word-level speech marks from `providerMetadata`.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/vercel-ai-sdk","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":18,"item":{"@type":"SoftwareApplication","name":"Speechify TTS in Puter","description":"Speaks with a Simba 3.2 voice via the Speechify provider in Puter's puter.ai.txt2speech() — one static page, your key configured once on the Puter instance.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/puter-txt2speech","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}}]},{"@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What are the Speechify demos?","acceptedAnswer":{"@type":"Answer","text":"Open-source, self-contained example apps for the Speechify API — text-to-speech, voice cloning, SSML, and real-time voice agents. Each demo lives in its own folder, runs on its own, and links to its source. Hosted demos run live in the browser."}},{"@type":"Question","name":"Are the demos free and open source?","acceptedAnswer":{"@type":"Answer","text":"Yes. Every demo is MIT-licensed and published at github.com/Speechify-AI/demos. Clone a folder, add your Speechify API key, and run it."}},{"@type":"Question","name":"What do I need to run a demo?","acceptedAnswer":{"@type":"Answer","text":"A Speechify API key from platform.speechify.ai/api-keys, plus the runtime the demo uses (Node, Python, or Go). Each demo's README lists its exact prerequisites."}},{"@type":"Question","name":"Which demos can I try without installing anything?","acceptedAnswer":{"@type":"Answer","text":"Demos marked LIVE run hosted at demos.speechify.ai/<demo-name>. The rest are clone-and-run from the repo."}}]}]}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://demos.speechify.ai/#org","name":"Speechify AI","url":"https://speechify.ai","logo":"https://demos.speechify.ai/apple-touch-icon.png","sameAs":["https://github.com/SpeechifyInc","https://x.com/SpeechifyAI","https://www.linkedin.com/company/speechifyinc/"]},{"@type":"WebSite","@id":"https://demos.speechify.ai/#website","url":"https://demos.speechify.ai/","name":"Speechify Demos","description":"Open-source demos built on the Speechify API — text-to-speech, voice cloning, and real-time voice agents.","publisher":{"@id":"https://demos.speechify.ai/#org"}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"SpeechifyAI","item":"https://speechify.ai"},{"@type":"ListItem","position":2,"name":"Demos","item":"https://demos.speechify.ai/"}]},{"@type":"ItemList","name":"Speechify API demos","numberOfItems":19,"itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"SoftwareApplication","name":"Voice cloning web app","description":"Upload a sample, clone the voice, synthesize with the clone. The API key stays server-side in route handlers.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://demos.speechify.ai/next-voice-cloning-app","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":2,"item":{"@type":"SoftwareApplication","name":"AI SDK speech generation","description":"A custom Speechify speech model for the AI SDK's generateSpeech, wired into a Next.js page. The API key stays server-side.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://demos.speechify.ai/ai-sdk-speechify-speech","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":3,"item":{"@type":"SoftwareApplication","name":"Multilingual voiceover","description":"Generate the same line in six languages with a locale-matched simba-3.0 voice. The API key stays server-side.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://demos.speechify.ai/multilingual-voiceover","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":4,"item":{"@type":"SoftwareApplication","name":"Captions from speech marks","description":"Synthesizes audio and builds a WebVTT caption file from the speech marks the API returns in the same response. Karaoke-highlight HTML demo included.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/captions-speech-marks","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":5,"item":{"@type":"SoftwareApplication","name":"Voice cloning narration","description":"Clones a voice from a 10-30 sec WAV sample, synthesizes with the new voice, deletes the clone. End-to-end lifecycle.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/voice-cloning-narration","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":6,"item":{"@type":"SoftwareApplication","name":"Audiobook pipeline","description":"Chunks long-form text on sentence boundaries, synthesizes each chunk via the Speechify Python SDK, concatenates the MP3s with ffmpeg.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/audiobook-pipeline","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":7,"item":{"@type":"SoftwareApplication","name":"LiveKit agent (official plugin)","description":"Real-time voice assistant using LiveKit's official livekit-plugins-speechify package for TTS, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/livekit-agent-speechify-python","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":8,"item":{"@type":"SoftwareApplication","name":"LiveKit voice agent","description":"Legacy Speechify-owned LiveKit TTS demo, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession. Prefer the official LiveKit plugin demo for new work.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/livekit-voice-agent-python","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":9,"item":{"@type":"SoftwareApplication","name":"LiveKit voice agent","description":"Legacy Speechify-owned LiveKit TTS demo, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/livekit-voice-agent-node","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":10,"item":{"@type":"SoftwareApplication","name":"SSML emotion TTS","description":"Drives emotion, pauses, prosody, emphasis, and pronunciation with SSML in a single POST /v1/audio/speech request.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/ssml-emotion-tts","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":11,"item":{"@type":"SoftwareApplication","name":"Web audio streaming","description":"Streams Speechify PCM into the browser Web Audio API for low-latency playback, behind a zero-dep proxy that keeps the key server-side.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/web-audio-streaming","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":12,"item":{"@type":"SoftwareApplication","name":"Deepgram voice agent shim","description":"Points Deepgram Voice Agent at the tts-shims OpenAI-compatible proxy so it speaks with a Speechify voice, key held server-side.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/deepgram-voice-agent-shim","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":13,"item":{"@type":"SoftwareApplication","name":"Vapi custom voice","description":"Points Vapi custom voice at the tts-shims Vapi-compatible proxy so it speaks with Speechify raw PCM, key held server-side.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/vapi-custom-voice","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":14,"item":{"@type":"SoftwareApplication","name":"Pipecat agent","description":"Real-time voice pipeline using Pipecat with Deepgram STT, Anthropic Claude, and Speechify TTS through SpeechifyTTSService.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/pipecat-agent-speechify","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":15,"item":{"@type":"SoftwareApplication","name":"Mastra voice agent","description":"Text-in, speech-out Mastra Agent using an OpenAI LLM for replies and Speechify's simba-3.2 model for TTS via `@mastra/voice-speechify`.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/mastra-agent-speechify","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":16,"item":{"@type":"SoftwareApplication","name":"Voice agent capability showcase","description":"One page, ten live Voice Agents API demos: calendar booking, policy-bound support, a page copilot, form intake, US outbound calls with a 5-minute cap, a voice gallery, mid-call language handoff, cross-call memory, a grounded knowledge base, and dual-control troubleshooting.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/voice-agent-showcase","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":17,"item":{"@type":"SoftwareApplication","name":"Vercel AI SDK","description":"Speechify TTS through the Vercel AI SDK's unified `generateSpeech` interface via the official `@speechify/vercel` provider — one-line swap from OpenAI/ElevenLabs, plus word-level speech marks from `providerMetadata`.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/vercel-ai-sdk","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":18,"item":{"@type":"SoftwareApplication","name":"Speechify TTS in Puter","description":"Speaks with a Simba 3.2 voice via the Speechify provider in Puter's puter.ai.txt2speech() — one static page, your key configured once on the Puter instance.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/puter-txt2speech","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":19,"item":{"@type":"SoftwareApplication","name":"One-file serverless edge TTS","description":"A single serverless edge function streams Speechify TTS audio to the browser — no SDK, key held server-side. Ideal for widgets and light integrations.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://demos.speechify.ai/edge-tts","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}}]},{"@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What are the Speechify demos?","acceptedAnswer":{"@type":"Answer","text":"Open-source, self-contained example apps for the Speechify API — text-to-speech, voice cloning, SSML, and real-time voice agents. Each demo lives in its own folder, runs on its own, and links to its source. Hosted demos run live in the browser."}},{"@type":"Question","name":"Are the demos free and open source?","acceptedAnswer":{"@type":"Answer","text":"Yes. Every demo is MIT-licensed and published at github.com/Speechify-AI/demos. Clone a folder, add your Speechify API key, and run it."}},{"@type":"Question","name":"What do I need to run a demo?","acceptedAnswer":{"@type":"Answer","text":"A Speechify API key from platform.speechify.ai/api-keys, plus the runtime the demo uses (Node, Python, or Go). Each demo's README lists its exact prerequisites."}},{"@type":"Question","name":"Which demos can I try without installing anything?","acceptedAnswer":{"@type":"Answer","text":"Demos marked LIVE run hosted at demos.speechify.ai/<demo-name>. The rest are clone-and-run from the repo."}}]}]}</script>
 <!-- JSONLD:END -->
   </head>
   <body>
@@ -368,7 +368,7 @@ <h2>FAQ</h2>
 
     <script>
       /* DEMOS_DATA:START */
-      window.__DEMOS__ = [{"slug":"next-voice-cloning-app","repoPath":"demos/next-voice-cloning-app","title":"Voice cloning web app","stack":"Next.js","hosted":true,"blurb":"Upload a sample, clone the voice, synthesize with the clone. The API key stays server-side in route handlers."},{"slug":"ai-sdk-speechify-speech","repoPath":"demos/ai-sdk-speechify-speech","title":"AI SDK speech generation","stack":"Next.js + AI SDK","hosted":true,"blurb":"A custom Speechify speech model for the AI SDK's generateSpeech, wired into a Next.js page. The API key stays server-side."},{"slug":"multilingual-voiceover","repoPath":"demos/multilingual-voiceover","title":"Multilingual voiceover","stack":"Next.js + simba-3.0","hosted":true,"blurb":"Generate the same line in six languages with a locale-matched simba-3.0 voice. The API key stays server-side."},{"slug":"captions-speech-marks","repoPath":"demos/captions-speech-marks","title":"Captions from speech marks","stack":"TypeScript (native)","hosted":false,"blurb":"Synthesizes audio and builds a WebVTT caption file from the speech marks the API returns in the same response. Karaoke-highlight HTML demo included."},{"slug":"voice-cloning-narration","repoPath":"demos/voice-cloning-narration","title":"Voice cloning narration","stack":"TypeScript (native)","hosted":false,"blurb":"Clones a voice from a 10-30 sec WAV sample, synthesizes with the new voice, deletes the clone. End-to-end lifecycle."},{"slug":"audiobook-pipeline","repoPath":"demos/audiobook-pipeline","title":"Audiobook pipeline","stack":"Python (SDK)","hosted":false,"blurb":"Chunks long-form text on sentence boundaries, synthesizes each chunk via the Speechify Python SDK, concatenates the MP3s with ffmpeg."},{"slug":"livekit-agent-speechify-python","repoPath":"demos/livekit-agent-speechify-python","title":"LiveKit agent (official plugin)","stack":"Python (LiveKit)","hosted":false,"blurb":"Real-time voice assistant using LiveKit's official livekit-plugins-speechify package for TTS, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession."},{"slug":"livekit-voice-agent-python","repoPath":"demos/livekit-voice-agent-python","title":"LiveKit voice agent","stack":"Python (LiveKit)","hosted":false,"blurb":"Legacy Speechify-owned LiveKit TTS demo, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession. Prefer the official LiveKit plugin demo for new work."},{"slug":"livekit-voice-agent-node","repoPath":"demos/livekit-voice-agent-node","title":"LiveKit voice agent","stack":"TypeScript (LiveKit)","hosted":false,"blurb":"Legacy Speechify-owned LiveKit TTS demo, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession."},{"slug":"ssml-emotion-tts","repoPath":"demos/ssml-emotion-tts","title":"SSML emotion TTS","stack":"TypeScript (SDK)","hosted":false,"blurb":"Drives emotion, pauses, prosody, emphasis, and pronunciation with SSML in a single POST /v1/audio/speech request."},{"slug":"web-audio-streaming","repoPath":"demos/web-audio-streaming","title":"Web audio streaming","stack":"TypeScript (browser)","hosted":false,"blurb":"Streams Speechify PCM into the browser Web Audio API for low-latency playback, behind a zero-dep proxy that keeps the key server-side."},{"slug":"deepgram-voice-agent-shim","repoPath":"demos/deepgram-voice-agent-shim","title":"Deepgram voice agent shim","stack":"Go shim + Node","hosted":false,"blurb":"Points Deepgram Voice Agent at the tts-shims OpenAI-compatible proxy so it speaks with a Speechify voice, key held server-side."},{"slug":"vapi-custom-voice","repoPath":"demos/vapi-custom-voice","title":"Vapi custom voice","stack":"Go shim","hosted":false,"blurb":"Points Vapi custom voice at the tts-shims Vapi-compatible proxy so it speaks with Speechify raw PCM, key held server-side."},{"slug":"pipecat-agent-speechify","repoPath":"demos/pipecat-agent-speechify","title":"Pipecat agent","stack":"Python (Pipecat)","hosted":false,"blurb":"Real-time voice pipeline using Pipecat with Deepgram STT, Anthropic Claude, and Speechify TTS through SpeechifyTTSService."},{"slug":"mastra-agent-speechify","repoPath":"demos/mastra-agent-speechify","title":"Mastra voice agent","stack":"TypeScript (Mastra)","hosted":false,"blurb":"Text-in, speech-out Mastra Agent using an OpenAI LLM for replies and Speechify's simba-3.2 model for TTS via `@mastra/voice-speechify`."},{"slug":"voice-agent-showcase","repoPath":"demos/voice-agent-showcase","title":"Voice agent capability showcase","stack":"Cloudflare Workers","hosted":false,"blurb":"One page, ten live Voice Agents API demos: calendar booking, policy-bound support, a page copilot, form intake, US outbound calls with a 5-minute cap, a voice gallery, mid-call language handoff, cross-call memory, a grounded knowledge base, and dual-control troubleshooting."},{"slug":"vercel-ai-sdk","repoPath":"demos/vercel-ai-sdk","title":"Vercel AI SDK","stack":"TypeScript (Vercel AI SDK)","hosted":false,"blurb":"Speechify TTS through the Vercel AI SDK's unified `generateSpeech` interface via the official `@speechify/vercel` provider — one-line swap from OpenAI/ElevenLabs, plus word-level speech marks from `providerMetadata`."},{"slug":"puter-txt2speech","repoPath":"demos/puter-txt2speech","title":"Speechify TTS in Puter","stack":"HTML (puter.js)","hosted":false,"blurb":"Speaks with a Simba 3.2 voice via the Speechify provider in Puter's puter.ai.txt2speech() — one static page, your key configured once on the Puter instance."}];
+      window.__DEMOS__ = [{"slug":"next-voice-cloning-app","repoPath":"demos/next-voice-cloning-app","title":"Voice cloning web app","stack":"Next.js","hosted":true,"blurb":"Upload a sample, clone the voice, synthesize with the clone. The API key stays server-side in route handlers."},{"slug":"ai-sdk-speechify-speech","repoPath":"demos/ai-sdk-speechify-speech","title":"AI SDK speech generation","stack":"Next.js + AI SDK","hosted":true,"blurb":"A custom Speechify speech model for the AI SDK's generateSpeech, wired into a Next.js page. The API key stays server-side."},{"slug":"multilingual-voiceover","repoPath":"demos/multilingual-voiceover","title":"Multilingual voiceover","stack":"Next.js + simba-3.0","hosted":true,"blurb":"Generate the same line in six languages with a locale-matched simba-3.0 voice. The API key stays server-side."},{"slug":"captions-speech-marks","repoPath":"demos/captions-speech-marks","title":"Captions from speech marks","stack":"TypeScript (native)","hosted":false,"blurb":"Synthesizes audio and builds a WebVTT caption file from the speech marks the API returns in the same response. Karaoke-highlight HTML demo included."},{"slug":"voice-cloning-narration","repoPath":"demos/voice-cloning-narration","title":"Voice cloning narration","stack":"TypeScript (native)","hosted":false,"blurb":"Clones a voice from a 10-30 sec WAV sample, synthesizes with the new voice, deletes the clone. End-to-end lifecycle."},{"slug":"audiobook-pipeline","repoPath":"demos/audiobook-pipeline","title":"Audiobook pipeline","stack":"Python (SDK)","hosted":false,"blurb":"Chunks long-form text on sentence boundaries, synthesizes each chunk via the Speechify Python SDK, concatenates the MP3s with ffmpeg."},{"slug":"livekit-agent-speechify-python","repoPath":"demos/livekit-agent-speechify-python","title":"LiveKit agent (official plugin)","stack":"Python (LiveKit)","hosted":false,"blurb":"Real-time voice assistant using LiveKit's official livekit-plugins-speechify package for TTS, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession."},{"slug":"livekit-voice-agent-python","repoPath":"demos/livekit-voice-agent-python","title":"LiveKit voice agent","stack":"Python (LiveKit)","hosted":false,"blurb":"Legacy Speechify-owned LiveKit TTS demo, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession. Prefer the official LiveKit plugin demo for new work."},{"slug":"livekit-voice-agent-node","repoPath":"demos/livekit-voice-agent-node","title":"LiveKit voice agent","stack":"TypeScript (LiveKit)","hosted":false,"blurb":"Legacy Speechify-owned LiveKit TTS demo, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession."},{"slug":"ssml-emotion-tts","repoPath":"demos/ssml-emotion-tts","title":"SSML emotion TTS","stack":"TypeScript (SDK)","hosted":false,"blurb":"Drives emotion, pauses, prosody, emphasis, and pronunciation with SSML in a single POST /v1/audio/speech request."},{"slug":"web-audio-streaming","repoPath":"demos/web-audio-streaming","title":"Web audio streaming","stack":"TypeScript (browser)","hosted":false,"blurb":"Streams Speechify PCM into the browser Web Audio API for low-latency playback, behind a zero-dep proxy that keeps the key server-side."},{"slug":"deepgram-voice-agent-shim","repoPath":"demos/deepgram-voice-agent-shim","title":"Deepgram voice agent shim","stack":"Go shim + Node","hosted":false,"blurb":"Points Deepgram Voice Agent at the tts-shims OpenAI-compatible proxy so it speaks with a Speechify voice, key held server-side."},{"slug":"vapi-custom-voice","repoPath":"demos/vapi-custom-voice","title":"Vapi custom voice","stack":"Go shim","hosted":false,"blurb":"Points Vapi custom voice at the tts-shims Vapi-compatible proxy so it speaks with Speechify raw PCM, key held server-side."},{"slug":"pipecat-agent-speechify","repoPath":"demos/pipecat-agent-speechify","title":"Pipecat agent","stack":"Python (Pipecat)","hosted":false,"blurb":"Real-time voice pipeline using Pipecat with Deepgram STT, Anthropic Claude, and Speechify TTS through SpeechifyTTSService."},{"slug":"mastra-agent-speechify","repoPath":"demos/mastra-agent-speechify","title":"Mastra voice agent","stack":"TypeScript (Mastra)","hosted":false,"blurb":"Text-in, speech-out Mastra Agent using an OpenAI LLM for replies and Speechify's simba-3.2 model for TTS via `@mastra/voice-speechify`."},{"slug":"voice-agent-showcase","repoPath":"demos/voice-agent-showcase","title":"Voice agent capability showcase","stack":"Cloudflare Workers","hosted":false,"blurb":"One page, ten live Voice Agents API demos: calendar booking, policy-bound support, a page copilot, form intake, US outbound calls with a 5-minute cap, a voice gallery, mid-call language handoff, cross-call memory, a grounded knowledge base, and dual-control troubleshooting."},{"slug":"vercel-ai-sdk","repoPath":"demos/vercel-ai-sdk","title":"Vercel AI SDK","stack":"TypeScript (Vercel AI SDK)","hosted":false,"blurb":"Speechify TTS through the Vercel AI SDK's unified `generateSpeech` interface via the official `@speechify/vercel` provider — one-line swap from OpenAI/ElevenLabs, plus word-level speech marks from `providerMetadata`."},{"slug":"puter-txt2speech","repoPath":"demos/puter-txt2speech","title":"Speechify TTS in Puter","stack":"HTML (puter.js)","hosted":false,"blurb":"Speaks with a Simba 3.2 voice via the Speechify provider in Puter's puter.ai.txt2speech() — one static page, your key configured once on the Puter instance."},{"slug":"edge-tts","repoPath":"demos/edge-tts","title":"One-file serverless edge TTS","stack":"Next.js","hosted":true,"blurb":"A single serverless edge function streams Speechify TTS audio to the browser — no SDK, key held server-side. Ideal for widgets and light integrations."}];
 /* DEMOS_DATA:END */
     </script>
     <script>
diff --git a/vercel.json b/vercel.json
index 02f7a4c..2c32650 100644
--- a/vercel.json
+++ b/vercel.json
@@ -17,6 +17,10 @@
     "multilingual-voiceover": {
       "root": "demos/multilingual-voiceover/",
       "framework": "nextjs"
+    },
+    "edge-tts": {
+      "root": "demos/edge-tts/",
+      "framework": "nextjs"
     }
   },
   "rewrites": [
@@ -36,6 +40,10 @@
       "source": "/multilingual-voiceover/:path*",
       "destination": { "service": "multilingual-voiceover" }
     },
+    {
+      "source": "/edge-tts/:path*",
+      "destination": { "service": "edge-tts" }
+    },
     {
       "source": "/",
       "destination": {

From 2683415a92643fb9a01b6cd5a1f0a9841ece9604 Mon Sep 17 00:00:00 2001
From: luke-speechify <289678208+luke-speechify@users.noreply.github.com>
Date: Fri, 21 Aug 2026 01:05:38 +0100
Subject: [PATCH 2/3] feat(edge-tts): apply Speechify brand styling and add
 real-API e2e

---
 demos/edge-tts/.gitignore           |   4 +
 demos/edge-tts/app/globals.css      | 203 +++++++++++++++++++---------
 demos/edge-tts/app/page.tsx         |  14 +-
 demos/edge-tts/e2e/edge-tts.spec.ts |  47 +++++++
 demos/edge-tts/package.json         |   4 +-
 demos/edge-tts/playwright.config.ts |  20 +++
 pnpm-lock.yaml                      |  49 ++++++-
 7 files changed, 271 insertions(+), 70 deletions(-)
 create mode 100644 demos/edge-tts/e2e/edge-tts.spec.ts
 create mode 100644 demos/edge-tts/playwright.config.ts

diff --git a/demos/edge-tts/.gitignore b/demos/edge-tts/.gitignore
index 95d1bcb..e838375 100644
--- a/demos/edge-tts/.gitignore
+++ b/demos/edge-tts/.gitignore
@@ -3,3 +3,7 @@ node_modules/
 .env
 next-env.d.ts
 *.tsbuildinfo
+test-results/
+playwright-report/
+/.playwright/
+.last-run.json
diff --git a/demos/edge-tts/app/globals.css b/demos/edge-tts/app/globals.css
index f02d988..c4e9ebe 100644
--- a/demos/edge-tts/app/globals.css
+++ b/demos/edge-tts/app/globals.css
@@ -1,109 +1,190 @@
+/* Speechify brand base — mirrors demos.speechify.ai/site (speechify.ai/brand).
+ * ABC Diatype is licensed and NOT committed; it is loaded cross-origin from
+ * speechify.ai/fonts (served with Access-Control-Allow-Origin: *). Monochrome
+ * palette, thin display type, pill ink buttons, sentence-case voice.
+ * Paste this block at the TOP of the demo's app/globals.css, then make the
+ * demo-specific rules below it reference these tokens (no hardcoded colours). */
+
+@font-face { font-family: "ABCDiatype"; src: url("https://speechify.ai/fonts/ABCDiatype-Thin.woff2") format("woff2"); font-weight: 100; font-style: normal; font-display: swap; }
+@font-face { font-family: "ABCDiatype"; src: url("https://speechify.ai/fonts/ABCDiatype-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; }
+@font-face { font-family: "ABCDiatype"; src: url("https://speechify.ai/fonts/ABCDiatype-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
+@font-face { font-family: "ABCDiatype"; src: url("https://speechify.ai/fonts/ABCDiatype-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
+@font-face { font-family: "ABCDiatype"; src: url("https://speechify.ai/fonts/ABCDiatype-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
+
 :root {
-  color-scheme: light dark;
-  --fg: #111;
-  --bg: #fff;
-  --muted: #666;
-  --border: #ddd;
-  --surface: #f6f6f6;
+  --font-sans: "ABCDiatype", ui-sans-serif, system-ui, -apple-system, sans-serif;
+  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, "Cascadia Code", monospace;
+
+  --surface-page: #ffffff;
+  --surface-card: #ffffff;
+  --surface-subtle: #f5f5f5;
+  --surface-raised: #fafafa;
+  --text-primary: #0a0a0a;
+  --text-secondary: #525252;
+  --text-tertiary: #666666;
+  --border-subtle: #e5e5e5;
+  --border-strong: #d1d1d4;
+  --action: #0a0a0a;
+  --action-hover: #2a2a2e;
+  --action-foreground: #fafafa;
+  --focus-ring: rgba(10, 10, 10, 0.22);
+  --success: #00c270;
+  --danger: #b42318;
+  --radius-md: 8px;
+  --radius-lg: 12px;
+  --radius-pill: 9999px;
 }
 
+/* Interactive apps: keep a monochrome dark mapping so night viewers aren't
+ * blinded. Still monochrome, still on-brand (inverted ink/paper). */
 @media (prefers-color-scheme: dark) {
   :root {
-    --fg: #f2f2f2;
-    --bg: #0c0c0c;
-    --muted: #999;
-    --border: #2a2a2a;
-    --surface: #161616;
+    --surface-page: #0a0a0a;
+    --surface-card: #101010;
+    --surface-subtle: #161616;
+    --surface-raised: #141414;
+    --text-primary: #fafafa;
+    --text-secondary: #b3b3b3;
+    --text-tertiary: #8a8a8a;
+    --border-subtle: #262626;
+    --border-strong: #3a3a3a;
+    --action: #fafafa;
+    --action-hover: #e5e5e5;
+    --action-foreground: #0a0a0a;
+    --focus-ring: rgba(250, 250, 250, 0.28);
   }
 }
 
-* {
-  box-sizing: border-box;
-}
+* { box-sizing: border-box; }
 
 body {
   margin: 0;
-  padding: 2rem 1rem;
-  background: var(--bg);
-  color: var(--fg);
-  font-family: ui-sans-serif, system-ui, -apple-system, sans-serif;
-  line-height: 1.5;
+  padding: 4rem 1.5rem;
+  background: var(--surface-page);
+  color: var(--text-primary);
+  font-family: var(--font-sans);
+  font-weight: 400;
+  line-height: 1.55;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
 }
 
 main {
-  max-width: 34rem;
+  max-width: 44rem;
   margin: 0 auto;
   display: flex;
   flex-direction: column;
-  gap: 1.25rem;
+  gap: 1.75rem;
 }
 
+/* Thin display headings, tight tracking, sentence case (author copy in sentence case). */
 h1 {
-  font-size: 1.6rem;
+  font-weight: 100;
+  font-size: clamp(2.25rem, 6vw, 3.5rem);
+  line-height: 1.02;
+  letter-spacing: -0.03em;
+  margin: 0 0 0.5rem;
+}
+h2 { font-weight: 300; letter-spacing: -0.01em; margin: 0 0 0.5rem; }
+
+.eyebrow {
+  font-family: var(--font-mono);
+  font-size: 13px;
   font-weight: 500;
-  margin: 0;
+  letter-spacing: 0.02em;
+  color: var(--text-tertiary);
+  text-transform: none;
+  margin: 0 0 0.75rem;
 }
 
-.lede {
+.lead {
+  max-width: 62ch;
+  color: var(--text-secondary);
+  font-size: 1.0625rem;
+  line-height: 1.55;
   margin: 0;
-  color: var(--muted);
-  font-size: 0.95rem;
 }
 
-.step {
-  border: 1px solid var(--border);
-  border-radius: 0.6rem;
-  padding: 1.1rem;
-  background: var(--surface);
+a { color: var(--text-primary); text-underline-offset: 2px; }
+
+code, kbd, samp { font-family: var(--font-mono); }
+code {
+  background: var(--surface-subtle);
+  border: 1px solid var(--border-subtle);
+  padding: 0.08em 0.38em;
+  border-radius: 5px;
+  font-size: 0.88em;
 }
 
-label {
-  display: block;
-  font-size: 0.85rem;
-  margin: 0 0 0.2rem;
+.card, .step {
+  background: var(--surface-subtle);
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius-lg);
+  padding: 1.25rem;
 }
 
-textarea,
-button {
-  font: inherit;
-  color: inherit;
+label { display: block; font-size: 0.9rem; color: var(--text-secondary); margin: 0 0 0.5rem; }
+
+input[type="text"], input[type="email"], textarea, select {
   width: 100%;
-  padding: 0.55rem 0.7rem;
-  border: 1px solid var(--border);
-  border-radius: 0.4rem;
-  background: var(--bg);
+  font: inherit;
+  color: var(--text-primary);
+  background: var(--surface-card);
+  border: 1px solid var(--border-subtle);
+  border-radius: var(--radius-md);
+  padding: 0.65rem 0.8rem;
 }
+textarea { resize: vertical; }
 
-button {
-  cursor: pointer;
-  background: var(--fg);
-  color: var(--bg);
-  border: 0;
+input:focus-visible, textarea:focus-visible, select:focus-visible, button:focus-visible {
+  outline: 3px solid var(--focus-ring);
+  outline-offset: 1px;
+}
+
+/* Pill buttons — medium weight only, never 600. */
+.btn, button.btn {
+  font: inherit;
   font-weight: 500;
-  margin-top: 0.9rem;
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.4rem;
+  border-radius: var(--radius-pill);
+  padding: 0.65rem 1.5rem;
+  border: 1px solid transparent;
+  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
+}
+.btn-primary { background: var(--action); color: var(--action-foreground); }
+.btn-primary:hover:not(:disabled) { background: var(--action-hover); }
+.btn-outline { background: transparent; color: var(--text-primary); border-color: var(--border-strong); }
+.btn-outline:hover:not(:disabled) { background: var(--action); color: var(--action-foreground); border-color: var(--action); }
+.btn:disabled { opacity: 0.55; cursor: default; }
+
+footer {
+  color: var(--text-tertiary);
+  font-size: 0.9rem;
+  border-top: 1px solid var(--border-subtle);
+  padding-top: 1.25rem;
 }
+footer a { color: inherit; }
 
-button:disabled {
-  opacity: 0.5;
-  cursor: not-allowed;
+@media (prefers-reduced-motion: reduce) {
+  * { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; }
 }
 
+/* ---- edge-tts demo-specific rules (brand tokens only) ---- */
+
 .status {
-  font-size: 0.85rem;
-  color: var(--muted);
+  font-size: 0.9rem;
+  color: var(--text-secondary);
   min-height: 1.2rem;
 }
-
 .status[data-tone="error"] {
-  color: #c0392b;
+  color: var(--danger);
 }
 
 audio {
   width: 100%;
   margin-top: 0.9rem;
 }
-
-code {
-  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
-  font-size: 0.85em;
-}
diff --git a/demos/edge-tts/app/page.tsx b/demos/edge-tts/app/page.tsx
index 1bd3155..7deee10 100644
--- a/demos/edge-tts/app/page.tsx
+++ b/demos/edge-tts/app/page.tsx
@@ -95,8 +95,11 @@ export default function Home() {
 
   return (
     <main>
-      <h1>One-file serverless edge TTS</h1>
-      <p className="lede">
+      <div>
+        <p className="eyebrow">SpeechifyAI · Edge TTS</p>
+        <h1>One-file serverless edge TTS.</h1>
+      </div>
+      <p className="lead">
         Type text, hit play. The audio streams out of a single edge function at{" "}
         <code>app/api/stream/route.ts</code> — no SDK, key held server-side.
       </p>
@@ -110,7 +113,12 @@ export default function Home() {
           onChange={(e) => setText(e.target.value)}
         />
         <div id="turnstile-container" />
-        <button onClick={play} disabled={busy}>
+        <button
+          className="btn btn-primary"
+          onClick={play}
+          disabled={busy}
+          style={{ marginTop: "0.9rem" }}
+        >
           {busy ? "Streaming…" : "Play"}
         </button>
         {audioUrl && <audio controls autoPlay src={audioUrl} />}
diff --git a/demos/edge-tts/e2e/edge-tts.spec.ts b/demos/edge-tts/e2e/edge-tts.spec.ts
new file mode 100644
index 0000000..3d9c9b3
--- /dev/null
+++ b/demos/edge-tts/e2e/edge-tts.spec.ts
@@ -0,0 +1,47 @@
+import { expect, test } from "@playwright/test";
+
+test.skip(!process.env.SPEECHIFY_API_KEY, "needs SPEECHIFY_API_KEY");
+
+test("streams real audio from the edge function", async ({ page }) => {
+  await page.goto("/edge-tts");
+
+  // Page shell renders.
+  await expect(
+    page.getByRole("heading", { name: /edge tts/i }),
+  ).toBeVisible();
+  const playButton = page.getByRole("button", { name: /play/i });
+  await expect(playButton).toBeVisible();
+  await expect(page.locator("#turnstile-container")).toBeAttached();
+
+  // Short input to keep the synth call small.
+  await page.locator("#text").fill("Edge streaming test.");
+
+  // Kick off the core flow and wait for the real streamed audio response.
+  await playButton.click();
+
+  await page.waitForResponse(
+    (r) =>
+      r.url().includes("/api/stream") &&
+      r.status() === 200 &&
+      (r.headers()["content-type"] ?? "").includes("audio/mpeg"),
+    { timeout: 60_000 },
+  );
+
+  // UI reflects success: button leaves the loading state and the audio
+  // element gets a blob src.
+  await expect(playButton).toHaveText(/play/i);
+  await expect(playButton).toBeEnabled();
+  const audio = page.locator("audio");
+  await expect(audio).toBeVisible();
+  await expect(audio).toHaveAttribute("src", /^blob:/);
+
+  // The client actually received real audio bytes: resolve the blob URL the
+  // player is pointed at and assert it holds a non-trivial MP3 payload.
+  const src = await audio.getAttribute("src");
+  const byteLength = await page.evaluate(async (url) => {
+    const res = await fetch(url!);
+    const buf = await res.arrayBuffer();
+    return buf.byteLength;
+  }, src);
+  expect(byteLength).toBeGreaterThan(1000);
+});
diff --git a/demos/edge-tts/package.json b/demos/edge-tts/package.json
index 271f42c..40f8620 100644
--- a/demos/edge-tts/package.json
+++ b/demos/edge-tts/package.json
@@ -9,7 +9,8 @@
     "build": "next build",
     "start": "next start -p 8768",
     "lint": "next lint",
-    "typecheck": "tsc --noEmit"
+    "typecheck": "tsc --noEmit",
+    "e2e": "playwright test"
   },
   "dependencies": {
     "@speechify/api": "^3.0.1",
@@ -18,6 +19,7 @@
     "react-dom": "^19.2.0"
   },
   "devDependencies": {
+    "@playwright/test": "^1.50.0",
     "@types/node": "^22.0.0",
     "@types/react": "^19.2.0",
     "@types/react-dom": "^19.2.0",
diff --git a/demos/edge-tts/playwright.config.ts b/demos/edge-tts/playwright.config.ts
new file mode 100644
index 0000000..8990020
--- /dev/null
+++ b/demos/edge-tts/playwright.config.ts
@@ -0,0 +1,20 @@
+import { defineConfig } from "@playwright/test";
+
+export default defineConfig({
+  testDir: "./e2e",
+  timeout: 90_000,
+  expect: { timeout: 30_000 },
+  reporter: "list",
+  fullyParallel: false,
+  workers: 1,
+  use: {
+    baseURL: "http://localhost:8768",
+    trace: "on-first-retry",
+  },
+  webServer: {
+    command: "pnpm dev",
+    url: "http://localhost:8768/edge-tts",
+    timeout: 120_000,
+    reuseExistingServer: !process.env.CI,
+  },
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 95f7d5b..a7fd48e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -22,7 +22,7 @@ importers:
         version: 7.0.34(zod@4.4.3)
       next:
         specifier: ^16.2.10
-        version: 16.2.10(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+        version: 16.2.10(@playwright/test@1.62.1)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       react:
         specifier: ^19.2.0
         version: 19.2.7
@@ -50,7 +50,7 @@ importers:
         version: 3.0.1
       next:
         specifier: ^16.2.10
-        version: 16.2.10(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+        version: 16.2.10(@playwright/test@1.62.1)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       react:
         specifier: ^19.2.0
         version: 19.2.7
@@ -58,6 +58,9 @@ importers:
         specifier: ^19.2.0
         version: 19.2.7(react@19.2.7)
     devDependencies:
+      '@playwright/test':
+        specifier: ^1.50.0
+        version: 1.62.1
       '@types/node':
         specifier: ^22.0.0
         version: 22.20.1
@@ -75,7 +78,7 @@ importers:
     dependencies:
       next:
         specifier: ^16.2.10
-        version: 16.2.10(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+        version: 16.2.10(@playwright/test@1.62.1)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       react:
         specifier: ^19.2.0
         version: 19.2.7
@@ -103,7 +106,7 @@ importers:
         version: 3.0.1
       next:
         specifier: ^16.2.10
-        version: 16.2.10(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
+        version: 16.2.10(@playwright/test@1.62.1)(react-dom@19.2.7(react@19.2.7))(react@19.2.7)
       react:
         specifier: ^19.2.0
         version: 19.2.7
@@ -335,6 +338,11 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@playwright/test@1.62.1':
+    resolution: {integrity: sha512-DTcUc8qii+cpHvtOwggMtBRMjKZHXYWdw8syRYu2vtzuq4Wxphqq4NfCs5Zt44L6mA8rfDfj+PHnxFc/FeK6mQ==}
+    engines: {node: '>=20'}
+    hasBin: true
+
   '@speechify/api@3.0.1':
     resolution: {integrity: sha512-bEqbyvwGW0A/cgq+ZsQJVP3Hm4/0Bm1sniVtPLBh7vDNG2f/YY8y8sweWojoUnhIeIAL6bHBde43+VZLA2MYpA==}
     engines: {node: '>=18.0.0'}
@@ -421,6 +429,11 @@ packages:
     resolution: {integrity: sha512-kJezFj9YFAMLeORyi7aCLxLbD5/qWMQnoMVlVPyHIll7lgRJCc3JVln9Vgl9nwQi0YkMnhdGTMNn7CkRRAptMg==}
     engines: {node: '>=18.0.0'}
 
+  fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
   json-schema@0.4.0:
     resolution: {integrity: sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA==}
 
@@ -453,6 +466,16 @@ packages:
   picocolors@1.1.1:
     resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
 
+  playwright-core@1.62.1:
+    resolution: {integrity: sha512-wPYSwEBJY9GHraISXqyqtx0na0LpO3XEX7jNDhntbex7tzUS7kLnZsOlFruFJB4Hi/rhDMjXGqHewDZ68nYZVw==}
+    engines: {node: '>=20'}
+    hasBin: true
+
+  playwright@1.62.1:
+    resolution: {integrity: sha512-0M+L3LAD8/nm554LOla9Ayx0j0tmFZ0FBcoQ7F1VuVHpM/XpiC8RcDzBQB8W5+hA8L22THxELzeF+2WcUzvcLg==}
+    engines: {node: '>=20'}
+    hasBin: true
+
   postcss@8.4.31:
     resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
     engines: {node: ^10 || ^12 || >=14}
@@ -662,6 +685,10 @@ snapshots:
   '@next/swc-win32-x64-msvc@16.2.10':
     optional: true
 
+  '@playwright/test@1.62.1':
+    dependencies:
+      playwright: 1.62.1
+
   '@speechify/api@3.0.1': {}
 
   '@standard-schema/spec@1.1.0': {}
@@ -724,11 +751,14 @@ snapshots:
 
   eventsource-parser@3.1.0: {}
 
+  fsevents@2.3.2:
+    optional: true
+
   json-schema@0.4.0: {}
 
   nanoid@3.3.16: {}
 
-  next@16.2.10(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
+  next@16.2.10(@playwright/test@1.62.1)(react-dom@19.2.7(react@19.2.7))(react@19.2.7):
     dependencies:
       '@next/env': 16.2.10
       '@swc/helpers': 0.5.15
@@ -747,6 +777,7 @@ snapshots:
       '@next/swc-linux-x64-musl': 16.2.10
       '@next/swc-win32-arm64-msvc': 16.2.10
       '@next/swc-win32-x64-msvc': 16.2.10
+      '@playwright/test': 1.62.1
       sharp: 0.34.5
     transitivePeerDependencies:
       - '@babel/core'
@@ -754,6 +785,14 @@ snapshots:
 
   picocolors@1.1.1: {}
 
+  playwright-core@1.62.1: {}
+
+  playwright@1.62.1:
+    dependencies:
+      playwright-core: 1.62.1
+    optionalDependencies:
+      fsevents: 2.3.2
+
   postcss@8.4.31:
     dependencies:
       nanoid: 3.3.16

From b6f820eb8d6dd684ee03afebeaaaccab97a3d518 Mon Sep 17 00:00:00 2001
From: luke-speechify <289678208+luke-speechify@users.noreply.github.com>
Date: Fri, 21 Aug 2026 01:27:25 +0100
Subject: [PATCH 3/3] fix(edge-tts): use Node runtime (Services don't support
 Edge)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

demos.speechify.ai is one Vercel project of many Services, and the Edge
runtime isn't supported there — the preview failed at deploy with 'Edge
Runtime is not supported in services'. Switch the streaming route to the
Node runtime (which streams the response body just the same) and reword the
demo to a serverless streaming function, noting the same one file runs on
Edge in a standalone project.
---
 README.md                              |  2 +-
 demos/edge-tts/README.md               | 22 +++++++++++++---------
 demos/edge-tts/app/api/stream/route.ts | 16 +++++++++++-----
 demos/edge-tts/demo.json               |  4 ++--
 site/public/index.html                 |  4 ++--
 5 files changed, 29 insertions(+), 19 deletions(-)

diff --git a/README.md b/README.md
index d1e31a9..a6f048d 100644
--- a/README.md
+++ b/README.md
@@ -27,7 +27,7 @@ Demos with a **Live** link run in your browser at [demos.speechify.ai](https://d
 | [`demos/voice-agent-showcase/`](./demos/voice-agent-showcase) | Cloudflare Workers |  | One page, ten live Voice Agents API demos: calendar booking, policy-bound support, a page copilot, form intake, US outbound calls with a 5-minute cap, a voice gallery, mid-call language handoff, cross-call memory, a grounded knowledge base, and dual-control troubleshooting. |
 | [`demos/vercel-ai-sdk/`](./demos/vercel-ai-sdk) | TypeScript (Vercel AI SDK) |  | Speechify TTS through the Vercel AI SDK's unified `generateSpeech` interface via the official `@speechify/vercel` provider — one-line swap from OpenAI/ElevenLabs, plus word-level speech marks from `providerMetadata`. |
 | [`demos/puter-txt2speech/`](./demos/puter-txt2speech) | HTML (puter.js) |  | Speaks with a Simba 3.2 voice via the Speechify provider in Puter's puter.ai.txt2speech() — one static page, your key configured once on the Puter instance. |
-| [`demos/edge-tts/`](./demos/edge-tts) | Next.js | [Open](https://demos.speechify.ai/edge-tts) | A single serverless edge function streams Speechify TTS audio to the browser — no SDK, key held server-side. Ideal for widgets and light integrations. |
+| [`demos/edge-tts/`](./demos/edge-tts) | Next.js | [Open](https://demos.speechify.ai/edge-tts) | A single serverless function streams Speechify TTS audio to the browser — no SDK, key held server-side. Ideal for widgets and light integrations. |
 <!-- DEMOS:END -->
 
 ## Get an API key
diff --git a/demos/edge-tts/README.md b/demos/edge-tts/README.md
index df3fd93..1c719aa 100644
--- a/demos/edge-tts/README.md
+++ b/demos/edge-tts/README.md
@@ -1,22 +1,26 @@
-# One-file serverless edge TTS (Next.js)
+# One-file serverless streaming TTS (Next.js)
 
-A [Next.js](https://nextjs.org) demo whose whole backend is a **single serverless edge function** that streams Speechify text-to-speech audio straight to the browser. No SDK, no buffering, key held server-side. This is the shape you want for a TTS widget, a light integration, or a copy-paste starting point.
+A [Next.js](https://nextjs.org) demo whose whole backend is a **single serverless function** that streams Speechify text-to-speech audio straight to the browser. No SDK, no buffering, key held server-side. This is the shape you want for a TTS widget, a light integration, or a copy-paste starting point.
 
 Pairs with the upcoming speechify.ai post "One-file serverless TTS on an edge function".
 
+> **Runtime note.** This is hosted under `demos.speechify.ai`, which is one Vercel project composed of many [Services](https://vercel.com/docs/services), and Services don't support the Edge runtime. So it ships as a **Node serverless function** — which streams the response body just the same. The exact same one file runs on the Edge runtime in a standalone project: flip `runtime` to `"edge"`.
+
 ## What you get
 
-- A minimal page: textarea + **Play** button. It POSTs your text to the edge route and plays the streamed audio.
-- One edge route, `app/api/stream/route.ts`, that is the entire backend. It runs on the edge runtime and pipes the upstream MP3 body straight through.
+- A minimal page: textarea + **Play** button. It POSTs your text to the route and plays the streamed audio.
+- One route, `app/api/stream/route.ts`, that is the entire backend. It pipes the upstream MP3 body straight through as it arrives.
 
 ## The one file
 
-The `@speechify/api` SDK is Node-only, so the edge route calls the REST API directly with `fetch` and streams the response body back unchanged:
+The `@speechify/api` SDK is Node-only, so the route calls the REST API directly with `fetch` and streams the response body back unchanged:
 
 ```ts
 import { verifyTurnstile } from "../../lib/turnstile";
 
-export const runtime = "edge";
+// "nodejs" here because Vercel Services don't support Edge. Same file runs on
+// the Edge runtime in a standalone project — just set this to "edge".
+export const runtime = "nodejs";
 
 const SPEECHIFY_STREAM_URL = "https://api.speechify.ai/v1/audio/stream";
 
@@ -72,11 +76,11 @@ Open `http://localhost:8768`, type some text, and click **Play**.
 
 ## How the key stays server-side
 
-`SPEECHIFY_API_KEY` is only ever read inside the edge function via `process.env`, which the browser cannot see. The client talks to the same-origin `/api/stream` route and receives audio bytes — never the key.
+`SPEECHIFY_API_KEY` is only ever read inside the function via `process.env`, which the browser cannot see. The client talks to the same-origin `/api/stream` route and receives audio bytes — never the key.
 
-## Why edge
+## Why streaming
 
-Edge functions start fast, run close to the user, and stream by default. Piping the upstream body straight to the client means the browser can start playing before synthesis finishes, with almost no server code in between.
+Piping the upstream body straight to the client means the browser can start playing before synthesis finishes, with almost no server code in between. On the Edge runtime (standalone project) you also get fast cold starts and execution close to the user; under Services it runs on Node, and the streaming behaviour is identical.
 
 ## Prerequisites
 
diff --git a/demos/edge-tts/app/api/stream/route.ts b/demos/edge-tts/app/api/stream/route.ts
index faa1f1b..4aea530 100644
--- a/demos/edge-tts/app/api/stream/route.ts
+++ b/demos/edge-tts/app/api/stream/route.ts
@@ -1,10 +1,16 @@
 import { verifyTurnstile } from "../../lib/turnstile";
 
-// The whole demo is this one file: a serverless EDGE function that streams
-// Speechify TTS audio straight back to the browser. No SDK (it is Node-only),
-// no buffering — the upstream MP3 body is piped through as it arrives, so the
-// client can start playing before synthesis finishes.
-export const runtime = "edge";
+// The whole demo is this one file: a serverless function that streams Speechify
+// TTS audio straight back to the browser. No SDK, no buffering — the upstream
+// MP3 body is piped through as it arrives, so the client can start playing
+// before synthesis finishes.
+//
+// Runtime note: this deploys under demos.speechify.ai, which is one Vercel
+// project composed of many Services, and Services don't support the Edge
+// runtime. So it runs as a Node serverless function — which also streams the
+// response body. The exact same one file runs on `export const runtime = "edge"`
+// in a standalone project; flip the line below if you deploy it on its own.
+export const runtime = "nodejs";
 
 const SPEECHIFY_STREAM_URL = "https://api.speechify.ai/v1/audio/stream";
 
diff --git a/demos/edge-tts/demo.json b/demos/edge-tts/demo.json
index 9a42d01..127ec73 100644
--- a/demos/edge-tts/demo.json
+++ b/demos/edge-tts/demo.json
@@ -1,6 +1,6 @@
 {
   "order": 240,
-  "title": "One-file serverless edge TTS",
+  "title": "One-file serverless streaming TTS",
   "stack": "Next.js",
-  "blurb": "A single serverless edge function streams Speechify TTS audio to the browser — no SDK, key held server-side. Ideal for widgets and light integrations."
+  "blurb": "A single serverless function streams Speechify TTS audio to the browser — no SDK, key held server-side. Ideal for widgets and light integrations."
 }
diff --git a/site/public/index.html b/site/public/index.html
index 988c2ed..c2ef978 100644
--- a/site/public/index.html
+++ b/site/public/index.html
@@ -276,7 +276,7 @@
     <!-- End PostHog -->
 
     <!-- JSONLD:START -->
-    <script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://demos.speechify.ai/#org","name":"Speechify AI","url":"https://speechify.ai","logo":"https://demos.speechify.ai/apple-touch-icon.png","sameAs":["https://github.com/SpeechifyInc","https://x.com/SpeechifyAI","https://www.linkedin.com/company/speechifyinc/"]},{"@type":"WebSite","@id":"https://demos.speechify.ai/#website","url":"https://demos.speechify.ai/","name":"Speechify Demos","description":"Open-source demos built on the Speechify API — text-to-speech, voice cloning, and real-time voice agents.","publisher":{"@id":"https://demos.speechify.ai/#org"}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"SpeechifyAI","item":"https://speechify.ai"},{"@type":"ListItem","position":2,"name":"Demos","item":"https://demos.speechify.ai/"}]},{"@type":"ItemList","name":"Speechify API demos","numberOfItems":19,"itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"SoftwareApplication","name":"Voice cloning web app","description":"Upload a sample, clone the voice, synthesize with the clone. The API key stays server-side in route handlers.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://demos.speechify.ai/next-voice-cloning-app","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":2,"item":{"@type":"SoftwareApplication","name":"AI SDK speech generation","description":"A custom Speechify speech model for the AI SDK's generateSpeech, wired into a Next.js page. The API key stays server-side.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://demos.speechify.ai/ai-sdk-speechify-speech","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":3,"item":{"@type":"SoftwareApplication","name":"Multilingual voiceover","description":"Generate the same line in six languages with a locale-matched simba-3.0 voice. The API key stays server-side.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://demos.speechify.ai/multilingual-voiceover","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":4,"item":{"@type":"SoftwareApplication","name":"Captions from speech marks","description":"Synthesizes audio and builds a WebVTT caption file from the speech marks the API returns in the same response. Karaoke-highlight HTML demo included.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/captions-speech-marks","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":5,"item":{"@type":"SoftwareApplication","name":"Voice cloning narration","description":"Clones a voice from a 10-30 sec WAV sample, synthesizes with the new voice, deletes the clone. End-to-end lifecycle.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/voice-cloning-narration","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":6,"item":{"@type":"SoftwareApplication","name":"Audiobook pipeline","description":"Chunks long-form text on sentence boundaries, synthesizes each chunk via the Speechify Python SDK, concatenates the MP3s with ffmpeg.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/audiobook-pipeline","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":7,"item":{"@type":"SoftwareApplication","name":"LiveKit agent (official plugin)","description":"Real-time voice assistant using LiveKit's official livekit-plugins-speechify package for TTS, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/livekit-agent-speechify-python","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":8,"item":{"@type":"SoftwareApplication","name":"LiveKit voice agent","description":"Legacy Speechify-owned LiveKit TTS demo, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession. Prefer the official LiveKit plugin demo for new work.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/livekit-voice-agent-python","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":9,"item":{"@type":"SoftwareApplication","name":"LiveKit voice agent","description":"Legacy Speechify-owned LiveKit TTS demo, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/livekit-voice-agent-node","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":10,"item":{"@type":"SoftwareApplication","name":"SSML emotion TTS","description":"Drives emotion, pauses, prosody, emphasis, and pronunciation with SSML in a single POST /v1/audio/speech request.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/ssml-emotion-tts","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":11,"item":{"@type":"SoftwareApplication","name":"Web audio streaming","description":"Streams Speechify PCM into the browser Web Audio API for low-latency playback, behind a zero-dep proxy that keeps the key server-side.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/web-audio-streaming","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":12,"item":{"@type":"SoftwareApplication","name":"Deepgram voice agent shim","description":"Points Deepgram Voice Agent at the tts-shims OpenAI-compatible proxy so it speaks with a Speechify voice, key held server-side.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/deepgram-voice-agent-shim","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":13,"item":{"@type":"SoftwareApplication","name":"Vapi custom voice","description":"Points Vapi custom voice at the tts-shims Vapi-compatible proxy so it speaks with Speechify raw PCM, key held server-side.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/vapi-custom-voice","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":14,"item":{"@type":"SoftwareApplication","name":"Pipecat agent","description":"Real-time voice pipeline using Pipecat with Deepgram STT, Anthropic Claude, and Speechify TTS through SpeechifyTTSService.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/pipecat-agent-speechify","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":15,"item":{"@type":"SoftwareApplication","name":"Mastra voice agent","description":"Text-in, speech-out Mastra Agent using an OpenAI LLM for replies and Speechify's simba-3.2 model for TTS via `@mastra/voice-speechify`.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/mastra-agent-speechify","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":16,"item":{"@type":"SoftwareApplication","name":"Voice agent capability showcase","description":"One page, ten live Voice Agents API demos: calendar booking, policy-bound support, a page copilot, form intake, US outbound calls with a 5-minute cap, a voice gallery, mid-call language handoff, cross-call memory, a grounded knowledge base, and dual-control troubleshooting.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/voice-agent-showcase","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":17,"item":{"@type":"SoftwareApplication","name":"Vercel AI SDK","description":"Speechify TTS through the Vercel AI SDK's unified `generateSpeech` interface via the official `@speechify/vercel` provider — one-line swap from OpenAI/ElevenLabs, plus word-level speech marks from `providerMetadata`.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/vercel-ai-sdk","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":18,"item":{"@type":"SoftwareApplication","name":"Speechify TTS in Puter","description":"Speaks with a Simba 3.2 voice via the Speechify provider in Puter's puter.ai.txt2speech() — one static page, your key configured once on the Puter instance.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/puter-txt2speech","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":19,"item":{"@type":"SoftwareApplication","name":"One-file serverless edge TTS","description":"A single serverless edge function streams Speechify TTS audio to the browser — no SDK, key held server-side. Ideal for widgets and light integrations.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://demos.speechify.ai/edge-tts","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}}]},{"@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What are the Speechify demos?","acceptedAnswer":{"@type":"Answer","text":"Open-source, self-contained example apps for the Speechify API — text-to-speech, voice cloning, SSML, and real-time voice agents. Each demo lives in its own folder, runs on its own, and links to its source. Hosted demos run live in the browser."}},{"@type":"Question","name":"Are the demos free and open source?","acceptedAnswer":{"@type":"Answer","text":"Yes. Every demo is MIT-licensed and published at github.com/Speechify-AI/demos. Clone a folder, add your Speechify API key, and run it."}},{"@type":"Question","name":"What do I need to run a demo?","acceptedAnswer":{"@type":"Answer","text":"A Speechify API key from platform.speechify.ai/api-keys, plus the runtime the demo uses (Node, Python, or Go). Each demo's README lists its exact prerequisites."}},{"@type":"Question","name":"Which demos can I try without installing anything?","acceptedAnswer":{"@type":"Answer","text":"Demos marked LIVE run hosted at demos.speechify.ai/<demo-name>. The rest are clone-and-run from the repo."}}]}]}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://demos.speechify.ai/#org","name":"Speechify AI","url":"https://speechify.ai","logo":"https://demos.speechify.ai/apple-touch-icon.png","sameAs":["https://github.com/SpeechifyInc","https://x.com/SpeechifyAI","https://www.linkedin.com/company/speechifyinc/"]},{"@type":"WebSite","@id":"https://demos.speechify.ai/#website","url":"https://demos.speechify.ai/","name":"Speechify Demos","description":"Open-source demos built on the Speechify API — text-to-speech, voice cloning, and real-time voice agents.","publisher":{"@id":"https://demos.speechify.ai/#org"}},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"SpeechifyAI","item":"https://speechify.ai"},{"@type":"ListItem","position":2,"name":"Demos","item":"https://demos.speechify.ai/"}]},{"@type":"ItemList","name":"Speechify API demos","numberOfItems":19,"itemListElement":[{"@type":"ListItem","position":1,"item":{"@type":"SoftwareApplication","name":"Voice cloning web app","description":"Upload a sample, clone the voice, synthesize with the clone. The API key stays server-side in route handlers.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://demos.speechify.ai/next-voice-cloning-app","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":2,"item":{"@type":"SoftwareApplication","name":"AI SDK speech generation","description":"A custom Speechify speech model for the AI SDK's generateSpeech, wired into a Next.js page. The API key stays server-side.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://demos.speechify.ai/ai-sdk-speechify-speech","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":3,"item":{"@type":"SoftwareApplication","name":"Multilingual voiceover","description":"Generate the same line in six languages with a locale-matched simba-3.0 voice. The API key stays server-side.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://demos.speechify.ai/multilingual-voiceover","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":4,"item":{"@type":"SoftwareApplication","name":"Captions from speech marks","description":"Synthesizes audio and builds a WebVTT caption file from the speech marks the API returns in the same response. Karaoke-highlight HTML demo included.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/captions-speech-marks","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":5,"item":{"@type":"SoftwareApplication","name":"Voice cloning narration","description":"Clones a voice from a 10-30 sec WAV sample, synthesizes with the new voice, deletes the clone. End-to-end lifecycle.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/voice-cloning-narration","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":6,"item":{"@type":"SoftwareApplication","name":"Audiobook pipeline","description":"Chunks long-form text on sentence boundaries, synthesizes each chunk via the Speechify Python SDK, concatenates the MP3s with ffmpeg.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/audiobook-pipeline","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":7,"item":{"@type":"SoftwareApplication","name":"LiveKit agent (official plugin)","description":"Real-time voice assistant using LiveKit's official livekit-plugins-speechify package for TTS, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/livekit-agent-speechify-python","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":8,"item":{"@type":"SoftwareApplication","name":"LiveKit voice agent","description":"Legacy Speechify-owned LiveKit TTS demo, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession. Prefer the official LiveKit plugin demo for new work.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/livekit-voice-agent-python","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":9,"item":{"@type":"SoftwareApplication","name":"LiveKit voice agent","description":"Legacy Speechify-owned LiveKit TTS demo, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/livekit-voice-agent-node","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":10,"item":{"@type":"SoftwareApplication","name":"SSML emotion TTS","description":"Drives emotion, pauses, prosody, emphasis, and pronunciation with SSML in a single POST /v1/audio/speech request.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/ssml-emotion-tts","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":11,"item":{"@type":"SoftwareApplication","name":"Web audio streaming","description":"Streams Speechify PCM into the browser Web Audio API for low-latency playback, behind a zero-dep proxy that keeps the key server-side.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/web-audio-streaming","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":12,"item":{"@type":"SoftwareApplication","name":"Deepgram voice agent shim","description":"Points Deepgram Voice Agent at the tts-shims OpenAI-compatible proxy so it speaks with a Speechify voice, key held server-side.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/deepgram-voice-agent-shim","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":13,"item":{"@type":"SoftwareApplication","name":"Vapi custom voice","description":"Points Vapi custom voice at the tts-shims Vapi-compatible proxy so it speaks with Speechify raw PCM, key held server-side.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/vapi-custom-voice","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":14,"item":{"@type":"SoftwareApplication","name":"Pipecat agent","description":"Real-time voice pipeline using Pipecat with Deepgram STT, Anthropic Claude, and Speechify TTS through SpeechifyTTSService.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/pipecat-agent-speechify","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":15,"item":{"@type":"SoftwareApplication","name":"Mastra voice agent","description":"Text-in, speech-out Mastra Agent using an OpenAI LLM for replies and Speechify's simba-3.2 model for TTS via `@mastra/voice-speechify`.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/mastra-agent-speechify","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":16,"item":{"@type":"SoftwareApplication","name":"Voice agent capability showcase","description":"One page, ten live Voice Agents API demos: calendar booking, policy-bound support, a page copilot, form intake, US outbound calls with a 5-minute cap, a voice gallery, mid-call language handoff, cross-call memory, a grounded knowledge base, and dual-control troubleshooting.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/voice-agent-showcase","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":17,"item":{"@type":"SoftwareApplication","name":"Vercel AI SDK","description":"Speechify TTS through the Vercel AI SDK's unified `generateSpeech` interface via the official `@speechify/vercel` provider — one-line swap from OpenAI/ElevenLabs, plus word-level speech marks from `providerMetadata`.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/vercel-ai-sdk","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":18,"item":{"@type":"SoftwareApplication","name":"Speechify TTS in Puter","description":"Speaks with a Simba 3.2 voice via the Speechify provider in Puter's puter.ai.txt2speech() — one static page, your key configured once on the Puter instance.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://github.com/Speechify-AI/demos/tree/main/demos/puter-txt2speech","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}},{"@type":"ListItem","position":19,"item":{"@type":"SoftwareApplication","name":"One-file serverless streaming TTS","description":"A single serverless function streams Speechify TTS audio to the browser — no SDK, key held server-side. Ideal for widgets and light integrations.","applicationCategory":"DeveloperApplication","operatingSystem":"Any","url":"https://demos.speechify.ai/edge-tts","isAccessibleForFree":true,"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"}}}]},{"@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What are the Speechify demos?","acceptedAnswer":{"@type":"Answer","text":"Open-source, self-contained example apps for the Speechify API — text-to-speech, voice cloning, SSML, and real-time voice agents. Each demo lives in its own folder, runs on its own, and links to its source. Hosted demos run live in the browser."}},{"@type":"Question","name":"Are the demos free and open source?","acceptedAnswer":{"@type":"Answer","text":"Yes. Every demo is MIT-licensed and published at github.com/Speechify-AI/demos. Clone a folder, add your Speechify API key, and run it."}},{"@type":"Question","name":"What do I need to run a demo?","acceptedAnswer":{"@type":"Answer","text":"A Speechify API key from platform.speechify.ai/api-keys, plus the runtime the demo uses (Node, Python, or Go). Each demo's README lists its exact prerequisites."}},{"@type":"Question","name":"Which demos can I try without installing anything?","acceptedAnswer":{"@type":"Answer","text":"Demos marked LIVE run hosted at demos.speechify.ai/<demo-name>. The rest are clone-and-run from the repo."}}]}]}</script>
 <!-- JSONLD:END -->
   </head>
   <body>
@@ -368,7 +368,7 @@ <h2>FAQ</h2>
 
     <script>
       /* DEMOS_DATA:START */
-      window.__DEMOS__ = [{"slug":"next-voice-cloning-app","repoPath":"demos/next-voice-cloning-app","title":"Voice cloning web app","stack":"Next.js","hosted":true,"blurb":"Upload a sample, clone the voice, synthesize with the clone. The API key stays server-side in route handlers."},{"slug":"ai-sdk-speechify-speech","repoPath":"demos/ai-sdk-speechify-speech","title":"AI SDK speech generation","stack":"Next.js + AI SDK","hosted":true,"blurb":"A custom Speechify speech model for the AI SDK's generateSpeech, wired into a Next.js page. The API key stays server-side."},{"slug":"multilingual-voiceover","repoPath":"demos/multilingual-voiceover","title":"Multilingual voiceover","stack":"Next.js + simba-3.0","hosted":true,"blurb":"Generate the same line in six languages with a locale-matched simba-3.0 voice. The API key stays server-side."},{"slug":"captions-speech-marks","repoPath":"demos/captions-speech-marks","title":"Captions from speech marks","stack":"TypeScript (native)","hosted":false,"blurb":"Synthesizes audio and builds a WebVTT caption file from the speech marks the API returns in the same response. Karaoke-highlight HTML demo included."},{"slug":"voice-cloning-narration","repoPath":"demos/voice-cloning-narration","title":"Voice cloning narration","stack":"TypeScript (native)","hosted":false,"blurb":"Clones a voice from a 10-30 sec WAV sample, synthesizes with the new voice, deletes the clone. End-to-end lifecycle."},{"slug":"audiobook-pipeline","repoPath":"demos/audiobook-pipeline","title":"Audiobook pipeline","stack":"Python (SDK)","hosted":false,"blurb":"Chunks long-form text on sentence boundaries, synthesizes each chunk via the Speechify Python SDK, concatenates the MP3s with ffmpeg."},{"slug":"livekit-agent-speechify-python","repoPath":"demos/livekit-agent-speechify-python","title":"LiveKit agent (official plugin)","stack":"Python (LiveKit)","hosted":false,"blurb":"Real-time voice assistant using LiveKit's official livekit-plugins-speechify package for TTS, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession."},{"slug":"livekit-voice-agent-python","repoPath":"demos/livekit-voice-agent-python","title":"LiveKit voice agent","stack":"Python (LiveKit)","hosted":false,"blurb":"Legacy Speechify-owned LiveKit TTS demo, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession. Prefer the official LiveKit plugin demo for new work."},{"slug":"livekit-voice-agent-node","repoPath":"demos/livekit-voice-agent-node","title":"LiveKit voice agent","stack":"TypeScript (LiveKit)","hosted":false,"blurb":"Legacy Speechify-owned LiveKit TTS demo, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession."},{"slug":"ssml-emotion-tts","repoPath":"demos/ssml-emotion-tts","title":"SSML emotion TTS","stack":"TypeScript (SDK)","hosted":false,"blurb":"Drives emotion, pauses, prosody, emphasis, and pronunciation with SSML in a single POST /v1/audio/speech request."},{"slug":"web-audio-streaming","repoPath":"demos/web-audio-streaming","title":"Web audio streaming","stack":"TypeScript (browser)","hosted":false,"blurb":"Streams Speechify PCM into the browser Web Audio API for low-latency playback, behind a zero-dep proxy that keeps the key server-side."},{"slug":"deepgram-voice-agent-shim","repoPath":"demos/deepgram-voice-agent-shim","title":"Deepgram voice agent shim","stack":"Go shim + Node","hosted":false,"blurb":"Points Deepgram Voice Agent at the tts-shims OpenAI-compatible proxy so it speaks with a Speechify voice, key held server-side."},{"slug":"vapi-custom-voice","repoPath":"demos/vapi-custom-voice","title":"Vapi custom voice","stack":"Go shim","hosted":false,"blurb":"Points Vapi custom voice at the tts-shims Vapi-compatible proxy so it speaks with Speechify raw PCM, key held server-side."},{"slug":"pipecat-agent-speechify","repoPath":"demos/pipecat-agent-speechify","title":"Pipecat agent","stack":"Python (Pipecat)","hosted":false,"blurb":"Real-time voice pipeline using Pipecat with Deepgram STT, Anthropic Claude, and Speechify TTS through SpeechifyTTSService."},{"slug":"mastra-agent-speechify","repoPath":"demos/mastra-agent-speechify","title":"Mastra voice agent","stack":"TypeScript (Mastra)","hosted":false,"blurb":"Text-in, speech-out Mastra Agent using an OpenAI LLM for replies and Speechify's simba-3.2 model for TTS via `@mastra/voice-speechify`."},{"slug":"voice-agent-showcase","repoPath":"demos/voice-agent-showcase","title":"Voice agent capability showcase","stack":"Cloudflare Workers","hosted":false,"blurb":"One page, ten live Voice Agents API demos: calendar booking, policy-bound support, a page copilot, form intake, US outbound calls with a 5-minute cap, a voice gallery, mid-call language handoff, cross-call memory, a grounded knowledge base, and dual-control troubleshooting."},{"slug":"vercel-ai-sdk","repoPath":"demos/vercel-ai-sdk","title":"Vercel AI SDK","stack":"TypeScript (Vercel AI SDK)","hosted":false,"blurb":"Speechify TTS through the Vercel AI SDK's unified `generateSpeech` interface via the official `@speechify/vercel` provider — one-line swap from OpenAI/ElevenLabs, plus word-level speech marks from `providerMetadata`."},{"slug":"puter-txt2speech","repoPath":"demos/puter-txt2speech","title":"Speechify TTS in Puter","stack":"HTML (puter.js)","hosted":false,"blurb":"Speaks with a Simba 3.2 voice via the Speechify provider in Puter's puter.ai.txt2speech() — one static page, your key configured once on the Puter instance."},{"slug":"edge-tts","repoPath":"demos/edge-tts","title":"One-file serverless edge TTS","stack":"Next.js","hosted":true,"blurb":"A single serverless edge function streams Speechify TTS audio to the browser — no SDK, key held server-side. Ideal for widgets and light integrations."}];
+      window.__DEMOS__ = [{"slug":"next-voice-cloning-app","repoPath":"demos/next-voice-cloning-app","title":"Voice cloning web app","stack":"Next.js","hosted":true,"blurb":"Upload a sample, clone the voice, synthesize with the clone. The API key stays server-side in route handlers."},{"slug":"ai-sdk-speechify-speech","repoPath":"demos/ai-sdk-speechify-speech","title":"AI SDK speech generation","stack":"Next.js + AI SDK","hosted":true,"blurb":"A custom Speechify speech model for the AI SDK's generateSpeech, wired into a Next.js page. The API key stays server-side."},{"slug":"multilingual-voiceover","repoPath":"demos/multilingual-voiceover","title":"Multilingual voiceover","stack":"Next.js + simba-3.0","hosted":true,"blurb":"Generate the same line in six languages with a locale-matched simba-3.0 voice. The API key stays server-side."},{"slug":"captions-speech-marks","repoPath":"demos/captions-speech-marks","title":"Captions from speech marks","stack":"TypeScript (native)","hosted":false,"blurb":"Synthesizes audio and builds a WebVTT caption file from the speech marks the API returns in the same response. Karaoke-highlight HTML demo included."},{"slug":"voice-cloning-narration","repoPath":"demos/voice-cloning-narration","title":"Voice cloning narration","stack":"TypeScript (native)","hosted":false,"blurb":"Clones a voice from a 10-30 sec WAV sample, synthesizes with the new voice, deletes the clone. End-to-end lifecycle."},{"slug":"audiobook-pipeline","repoPath":"demos/audiobook-pipeline","title":"Audiobook pipeline","stack":"Python (SDK)","hosted":false,"blurb":"Chunks long-form text on sentence boundaries, synthesizes each chunk via the Speechify Python SDK, concatenates the MP3s with ffmpeg."},{"slug":"livekit-agent-speechify-python","repoPath":"demos/livekit-agent-speechify-python","title":"LiveKit agent (official plugin)","stack":"Python (LiveKit)","hosted":false,"blurb":"Real-time voice assistant using LiveKit's official livekit-plugins-speechify package for TTS, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession."},{"slug":"livekit-voice-agent-python","repoPath":"demos/livekit-voice-agent-python","title":"LiveKit voice agent","stack":"Python (LiveKit)","hosted":false,"blurb":"Legacy Speechify-owned LiveKit TTS demo, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession. Prefer the official LiveKit plugin demo for new work."},{"slug":"livekit-voice-agent-node","repoPath":"demos/livekit-voice-agent-node","title":"LiveKit voice agent","stack":"TypeScript (LiveKit)","hosted":false,"blurb":"Legacy Speechify-owned LiveKit TTS demo, with Deepgram STT and an OpenAI LLM in a LiveKit AgentSession."},{"slug":"ssml-emotion-tts","repoPath":"demos/ssml-emotion-tts","title":"SSML emotion TTS","stack":"TypeScript (SDK)","hosted":false,"blurb":"Drives emotion, pauses, prosody, emphasis, and pronunciation with SSML in a single POST /v1/audio/speech request."},{"slug":"web-audio-streaming","repoPath":"demos/web-audio-streaming","title":"Web audio streaming","stack":"TypeScript (browser)","hosted":false,"blurb":"Streams Speechify PCM into the browser Web Audio API for low-latency playback, behind a zero-dep proxy that keeps the key server-side."},{"slug":"deepgram-voice-agent-shim","repoPath":"demos/deepgram-voice-agent-shim","title":"Deepgram voice agent shim","stack":"Go shim + Node","hosted":false,"blurb":"Points Deepgram Voice Agent at the tts-shims OpenAI-compatible proxy so it speaks with a Speechify voice, key held server-side."},{"slug":"vapi-custom-voice","repoPath":"demos/vapi-custom-voice","title":"Vapi custom voice","stack":"Go shim","hosted":false,"blurb":"Points Vapi custom voice at the tts-shims Vapi-compatible proxy so it speaks with Speechify raw PCM, key held server-side."},{"slug":"pipecat-agent-speechify","repoPath":"demos/pipecat-agent-speechify","title":"Pipecat agent","stack":"Python (Pipecat)","hosted":false,"blurb":"Real-time voice pipeline using Pipecat with Deepgram STT, Anthropic Claude, and Speechify TTS through SpeechifyTTSService."},{"slug":"mastra-agent-speechify","repoPath":"demos/mastra-agent-speechify","title":"Mastra voice agent","stack":"TypeScript (Mastra)","hosted":false,"blurb":"Text-in, speech-out Mastra Agent using an OpenAI LLM for replies and Speechify's simba-3.2 model for TTS via `@mastra/voice-speechify`."},{"slug":"voice-agent-showcase","repoPath":"demos/voice-agent-showcase","title":"Voice agent capability showcase","stack":"Cloudflare Workers","hosted":false,"blurb":"One page, ten live Voice Agents API demos: calendar booking, policy-bound support, a page copilot, form intake, US outbound calls with a 5-minute cap, a voice gallery, mid-call language handoff, cross-call memory, a grounded knowledge base, and dual-control troubleshooting."},{"slug":"vercel-ai-sdk","repoPath":"demos/vercel-ai-sdk","title":"Vercel AI SDK","stack":"TypeScript (Vercel AI SDK)","hosted":false,"blurb":"Speechify TTS through the Vercel AI SDK's unified `generateSpeech` interface via the official `@speechify/vercel` provider — one-line swap from OpenAI/ElevenLabs, plus word-level speech marks from `providerMetadata`."},{"slug":"puter-txt2speech","repoPath":"demos/puter-txt2speech","title":"Speechify TTS in Puter","stack":"HTML (puter.js)","hosted":false,"blurb":"Speaks with a Simba 3.2 voice via the Speechify provider in Puter's puter.ai.txt2speech() — one static page, your key configured once on the Puter instance."},{"slug":"edge-tts","repoPath":"demos/edge-tts","title":"One-file serverless streaming TTS","stack":"Next.js","hosted":true,"blurb":"A single serverless function streams Speechify TTS audio to the browser — no SDK, key held server-side. Ideal for widgets and light integrations."}];
 /* DEMOS_DATA:END */
     </script>
     <script>