Voice Synthesis

demo.mp4

This web application translates speech into Japanese speech, try it at voicefu.com

Techs:

1. Speech to text: Whisper
2. Translation: GPT
3. Japanese Voice Synthesis: Voicevox

back end code

This project is inspired by this youtube video

Responsive design, works on phone

Development Mode

1. Install dependencies with npm run setup
2. This project use Firebase Firestore, please enable Firestore in Firebase Console
3. This project use Firebase Authentication, please enable Google sign in method in Firebase Console
4. Replace src/firebase_/config.ts with your own Firebase config. (Note: This is not a secret but should move to .env file to make environment switching easier)
5. Create a .env file at project root and paste VITE_BASE_URL=http://localhost:3001 into it.
6. npm run dev to view the website on http://127.0.0.1:5173/
7. For Chrome users, Chrome will block localhost with CORS, please install this Chrome extension to allow CORS. Please note that, when the add-on is added to your browser, it is inactive by default (toolbar icon is grey C letter). If you want to activate the add-on, please open the toolbar popup and press the toggle button on the left side. The icon will turn to an orange C letter.

Production Mode

The repo is ready for production, but you will probably go with your tech stack anyway.

Open an issue if you really need one, and I will complete this read me.