Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Text-to-Speech and Translation App Using Serverless Functions and Web Speech API

Traversy Media via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Build a JavaScript web application that combines text-to-speech functionality with language translation capabilities in this 45-minute tutorial. Learn to implement the Web Speech API for text-to-speech conversion and integrate Google Translate services through a secure serverless function using the Vercel CLI. Master the process of setting up API key security, creating serverless functions, handling environment variables with dotenv, and making API requests. Style the application using Tailwind CSS classes for a polished user interface. Follow along with hands-on demonstrations of voice selection, language options configuration, testing with Postman, and ultimately deploying the finished application to Vercel. By the end, create a fully functional application that can translate text into multiple languages and convert it to speech, while maintaining secure API practices through serverless architecture.

Syllabus

- Intro
- Project Structure
- HTML & Tailwind Classes
- Web Speech API & TTS
- Get Voices
- Language Selection
- Google Translate API Key Setup
- Vercel CLI Setup
- Creating a Serverless Function
- dotenv Setup
- Google Translate API Request
- Test Function With Postman
- Make Request To Serverless Function Endpoint
- Translate Text & Play TTS
- Deploy To Vercel

Taught by

Traversy Media

Reviews

Start your review of Text-to-Speech and Translation App Using Serverless Functions and Web Speech API

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.