[{"_1":2,"_168":-5,"_169":-5},"loaderData",{"_3":4,"_55":56,"_167":-5},"root",{"_5":6,"_19":-5,"_20":-5,"_21":22,"_36":-5,"_37":-5,"_38":-5,"_39":-5,"_40":41,"_42":43,"_52":41,"_53":54},"env",{"_7":8,"_9":10,"_11":12,"_13":14,"_15":16,"_17":18},"SUPABASE_URL","https://hello.websim.com","SUPABASE_ANON_KEY","eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Im9jamVmZ2NqamlxeWt3YWR2dnJkIiwicm9sZSI6ImFub24iLCJpYXQiOjE3MTE4MzI5OTMsImV4cCI6MjAyNzQwODk5M30.vsreOYwk8pKsr8NFlzpIzWAiD-vXj6ijv_Bhn1vYtHs","POSTHOG_KEY","phc_VHMOlrdxAbgSZHeF0SdSf07LZLRLAg5pZuTHkJGn050","POSTHOG_API_HOST","https://e.wbsm.ai","POSTHOG_UI_HOST","https://app.posthog.com","NODE_ENV","production","authUser","user","snapshotData",{"_23":-5,"_24":-5,"_25":-5,"_26":-5,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5,"_32":-5,"_33":-5,"_34":-5,"_35":-5},"lastProjectId","sidebarTab","homepageTab","feedTab","pinSidebar","settingsOpen","maximized","assetsExpanded","focusedAssetFilename","authError","authErrorCode","authErrorDescription","sidebarWidth","plan","balances","rewards","pinned","has_default_username",false,"origins",{"_44":45,"_46":47,"_48":49,"_50":51},"origin","https://websim.com","apiOrigin","https://api.websim.com","contentOrigin","https://{PROJECT_ID}.c.websim.com","appDomainOrigin","https://{SUBDOMAIN}.on.websim.com","isMobile","theme","auto","slug",{"_57":58,"_109":110,"_139":140,"_160":161,"_162":-5,"_163":164,"_165":-5,"_166":-5},"site",{"_59":57,"_60":61,"_62":-5,"_63":64,"_65":66,"_67":68,"_69":70,"_81":82,"_83":84,"_85":86,"_91":92,"_102":103,"_104":105,"_106":-5,"_107":108},"_type","id","P3EzDVdFQ9QevdIp7","parent_id","created_at","2025-05-21T10:17:34.81273+00:00","state","done","model","gemini-2.5-pro","lore",{"_71":72,"_73":74,"_75":41,"_76":41,"_77":41,"_78":79,"_80":41},"version",1,"attachments",[],"enableApi","enableMobilePrompt","enableDB","enableLLM2",true,"enableTweaks","title","StreamElements TTS Example","url","","prompt",{"_87":88,"_89":90},"type","plaintext","text","Okay, here's a general guide on how to integrate StreamElements Text-to-Speech (TTS) into a generic HTML/JS project. This document will walk you through setting up the HTML structure, using JavaScript to interact with the StreamElements API, and playing the generated speech.\n\n-----\n\n## Integrating StreamElements TTS into Your HTML/JS Project\n\nThis guide provides instructions and examples for adding Text-to-Speech functionality to your web project using the public StreamElements TTS API.\n\n### 1\\. Introduction\n\nStreamElements provides a simple Text-to-Speech (TTS) service that converts text input into spoken audio. This can be used to add voice to alerts, messages, or any text content within your web application. The API is straightforward to use and, as of the last update, does not require an API key for basic public access.\n\n### 2\\. How StreamElements TTS Works\n\n * **API Endpoint:** `https://api.streamelements.com/kappa/v2/speech`\n * **Request Method:** `GET`\n * **Parameters:**\n * `voice`: The name of the voice to use (e.g., \"Brian\", \"Salli\"). A list of common voices is provided below.\n * `text`: The text string you want to convert to speech. This string **must be URL-encoded**.\n * **Response:** The API directly returns an audio stream (typically `audio/mpeg`). You can use this URL directly with an HTML5 `