VoiceScribe
RealTime Speech To Text App Built with Google AI Studio
Live app: voice-scribe.netlify.app
What it does
VoiceScribe is a realtime speech to text web app that supports 20 languages. You speak, it writes. Then you copy or share the text.
It works on all browsers Chrome, Firefox, Safari, Edge, and mobile browsers.
How it works
Simple. Your browser captures your voice. Google's AI turns it into text. You see it instantly.
How I built it
HTML structure of the page, language dropdown, buttons.
CSS styling, responsive design, works on phone and desktop.
Vanilla JavaScript microphone access, sending audio to Google API, displaying text, copy and share functions.
Google AI Studio provides the API key for Google Cloud Speech-to-Text.
Netlify hosting, free.
No frameworks. No backend. No database.
Useful for education
This app is a perfect teaching example for students who want to learn:
- How browser APIs work (microphone, clipboard, sharing)
- How to integrate Google AI into a real project
- How to build a complete useful app with just HTML, CSS, and JavaScript
- How to handle permissions, errors, and different browsers
My experience with Google AI Studio
It helped me save time with API access. But it has problems.
It does not follow human language instructions well. I had to use custom instructions which only developers know how to write.
It sometimes adds code without asking or makes failures. You should make a backup each time you create a new version.
Try it
Open voice-scribe.netlify.app in any browser, pick a language, and speak.
For information & questions contact me at: bix.pages.dev
Top comments (0)