Voice in a web app · ChatGPT Users

Voice in a web app

I got an email from you about adding voice to webpages. Take a look at these. One is for my birdfeeder and uses Home Assistant, one is political, and the third is for something called Fastbots.

https://birdfeeder.bcardi.org

https://angie.bcardi.org

https://fastbots.bcardi.org

https://fb.bcardi.org/ *This uses Google TTS

Takes me about 30 seconds to make these with AntiGravity. They are not that pretty but they do voice using Nabu Casa, but it can use just about any voice method (I just added one that uses Google tts which allows 1 million free characters).

1. System Prompt & Context Changes We will replace the Angie Nixon campaign context with FastBots product knowledge.

python

# The context sent to Gemini will look like this:

context = (

"You are the official, friendly Voice Sales Assistant for FastBots.ai. "

"Answer clearly, naturally, and concisely in 2 to 3 sentences suitable for spoken voice output. "

"FastBots is a platform that lets businesses build an AI chatbot in minutes and train it on their own data. "

"Key features you can talk about: "

"1. Deploy to websites, WhatsApp, Instagram, Slack, and Messenger. "

"2. Native Voice Assistant capabilities so users can talk directly to the bot. "

"3. Zapier and Make.com integrations for workflow automation. "

"4. 14-day free trial with no credit card required. "

f"User question: {prompt_text}"

)

2. Dynamic Context (Optional) Instead of Florida Zip Codes, we can tailor the pitch to the user's business. The HTML frontend can have a dropdown for "What industry are you in?" (e.g., E-commerce, Real Estate, Customer Support). The Python backend will map this to a specific FastBots use case (e.g., "For E-commerce, FastBots can track order statuses via Zapier").

3. Frontend Redesign The HTML template will be restyled to match FastBots' branding (blues, modern tech aesthetic) instead of the campaign branding.

Buttons: Pre-canned questions will be updated to things like:

🎙️ "How does it learn my data?"

💬 "Can I put it on WhatsApp?"

⚙️ "Does it integrate with Zapier?"

Action Buttons: Links to the FastBots free trial and pricing pages.

6 comments

Voice in a web app