🗣️ ElevenLabs Dialogue Tester

\n setApiKey(e.target.value)}\n />\n \n Save Key\n \n\n setScript(e.target.value)}\n />\n\n \n {loading ? \"Generating...\" : \"Generate Dialogue\"}\n \n\n {audioUrl && (\n

\n )}\n\n

\n {log.map((l, i) => (\n navigator.clipboard.writeText(l)}\n >\n {l}\n

\n ))}\n

\n\n \n View Source\n \n \n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")).render();\n}\nif (typeof document !== \"undefined\") client();\n\nexport default async function server(req: Request) {\n const url = new URL(req.url);\n if (url.pathname === \"/api/dialogue\" && req.method === \"POST\") {\n try {\n const { apiKey, script } = await req.json();\n\n const voices = [\n \"s3TPKV1kjDlVtZbl4Ksh\", // Adam\n \"uYXf8XasLslADfZ2MB4u\" // Hope\n ];\n\n const lines = script.split(\"\\n\").filter(l => l.trim() !== \"\");\n\n // Parse with support for repeated speakers + colons inside text\n const inputs: { voice_id: string; text: string }[] = [];\n const speakerMap: Record = {};\n let nextVoice = 0;\n\n for (const line of lines) {\n const colonIdx = line.indexOf(\":\");\n if (colonIdx === -1) continue;\n\n const speaker = line.slice(0, colonIdx).trim();\n const text = line.slice(colonIdx + 1).trim();\n\n if (!speakerMap[speaker]) {\n speakerMap[speaker] = voices[nextVoice % voices.length];\n nextVoice++;\n }\n\n inputs.push({\n voice_id: speakerMap[speaker],\n text\n });\n }\n\n const apiRes = await fetch(\"https://api.elevenlabs.io/v1/text-to-dialogue\", {\n method: \"POST\",\n headers: new Headers({\n \"xi-api-key\": String(apiKey),\n \"Content-Type\": \"application/json\",\n \"accept\": \"audio/mpeg\"\n }),\n body: JSON.stringify({ model_id: \"eleven_v3\", inputs })\n });\n\n if (!apiRes.ok) {\n const text = await apiRes.text();\n return new Response(JSON.stringify({ error: text }), {\n status: 500,\n headers: { \"content-type\": \"application/json\" }\n });\n }\n\n return new Response(apiRes.body, {\n headers: { \"content-type\": \"audio/mpeg\" }\n });\n } catch (err) {\n return new Response(JSON.stringify({ error: String(err) }), {\n status: 500,\n headers: { \"content-type\": \"application/json\" }\n });\n }\n }\n\n return new Response(`\n \n \n \n \n ElevenLabs Dialogue Tester\n \n \n \n \n \n

\n \n `, {\n headers: { \"content-type\": \"text/html; charset=utf-8\" }\n });\n}\n\nexport { client };","dialogtester",[],[172],{"_102":182,"_95":183,"_152":184,"_154":-5,"_155":137,"_156":185,"_158":159,"_104":186,"_99":32,"_162":163,"_164":187,"_165":22,"_166":-5,"_167":188,"_98":189},"da145312-907e-11f0-b621-0224a6c84d84","moi.md","da1453bc-907e-11f0-b621-0224a6c84d84",12,["D",1757753494745],"---\ntitle: \"ElevenLabs Dialogue Tester\"\ndescription: \"A simple Val Town app to test ElevenLabs text-to-dialogue with script-style input. Paste your API key, type dialogue lines, and generate playable audio.\"\nimageUrl: \"https://imagedelivery.net/iHX6Ovru0O7AjmyT5yZRoA/b8e649e1-5494-417a-2fea-44bf0f035e00/public\"\nurl: \"https://dcm31--8c571770907b11f0b5510224a6c84d84.web.val.run\"\nauthor: \"dcm31\"\ntags: [\"javascript\", \"react\", \"val-town\", \"elevenlabs\", \"dialogue\"]\n---",[],[183],"files",[149,170,181],"counts",{"_194":32,"_195":196,"_197":32,"_198":199},"pulls","branches",1,"forks","envVars",{"_200":32,"_201":32},"count","emptyCount","contents",[204,207,210],{"_102":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":157,"_158":159,"_104":205,"_99":161,"_162":163,"_164":72,"_165":22,"_166":-5,"_98":206},["D",1757753377282],[151],{"_102":171,"_95":172,"_152":173,"_154":-5,"_155":137,"_156":136,"_158":159,"_104":208,"_99":175,"_162":176,"_164":177,"_165":22,"_166":178,"_98":209},["D",1757846962675],[172],{"_102":182,"_95":183,"_152":184,"_154":-5,"_155":137,"_156":185,"_158":159,"_104":211,"_99":32,"_162":163,"_164":187,"_165":22,"_166":-5,"_98":212},["D",1757753494745],[183],"upstreamProject","upstreamBranch","emptyEnvVars","isNew","flags",[],"routes/_app.x.$handle.$name._index",{"_93":94,"_95":96,"_97":-7,"_99":-7,"_100":221,"_202":226,"_233":-7,"_234":-5,"_235":-5,"_190":236,"_246":247,"_248":-5,"_249":-5},{"_102":103,"_95":96,"_104":222,"_106":-5,"_107":22,"_108":109,"_110":111,"_112":-5,"_14":113,"_114":-5,"_115":22,"_116":-5,"_117":32,"_16":118,"_119":120,"_121":120,"_122":123,"_124":123,"_125":123,"_126":120,"_127":120,"_23":223,"_131":224,"_134":225,"_146":22},["D",1757752068004],{"_93":94,"_129":130},{"_93":94,"_133":130},{"_99":136,"_95":43,"_102":137,"_138":103,"_139":-5,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":96,"_145":94},[227,229,231],{"_102":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":157,"_158":159,"_104":205,"_99":161,"_162":163,"_164":72,"_165":22,"_166":-5,"_98":228},[151],{"_102":171,"_95":172,"_152":173,"_154":-5,"_155":137,"_156":136,"_158":159,"_104":208,"_99":175,"_162":176,"_164":177,"_165":22,"_166":178,"_98":230},[172],{"_102":182,"_95":183,"_152":184,"_154":-5,"_155":137,"_156":185,"_158":159,"_104":211,"_99":32,"_162":163,"_164":187,"_165":22,"_166":-5,"_98":232},[183],"readme","upstream","pull",[237,240,243],{"_102":150,"_95":151,"_152":153,"_154":-5,"_155":137,"_156":157,"_158":159,"_104":160,"_99":161,"_162":163,"_164":72,"_165":22,"_166":-5,"_167":238,"_98":239},[],[151],{"_102":171,"_95":172,"_152":173,"_154":-5,"_155":137,"_156":136,"_158":159,"_104":174,"_99":175,"_162":176,"_164":177,"_165":22,"_166":178,"_167":241,"_98":242},[],[172],{"_102":182,"_95":183,"_152":184,"_154":-5,"_155":137,"_156":185,"_158":159,"_104":186,"_99":32,"_162":163,"_164":187,"_165":22,"_166":-5,"_167":244,"_98":245},[],[183],"previews",[240],"ahead","behind","actionData","errors"]

dcm31

elevenLabsDialogueTester