Create an Amazon Transcribe web app
I will walk you through the process of creating a full-stack Amazon Transcribe app.
What are we going to build?
We will build an app that facilitates a conversation between two people speaking different languages. The user can:
- Record their voice in English
- The app will transcribe the recording into text
- The text will be translated into Spanish
- The translated text will be displayed and read out loud
The contents of this series
This project is divided into these parts:
- How to get AWS access keys
- Create an Amazon Transcribe web app with JavaScript — purely front-end implementation using the client library in JavaScript
- Create an Amazon Transcribe web app with AWS pre-signed URL — full-stack implementation using AWS sockets in NestJS
- Create an Amazon Transcribe web app with NestJS — another take on a full-stack implementation using NestJS gateways
You will find the finished code in my repositories on GitHub which are divided into front-end and back-end.
The front-end will be a simple vanilla JavaScript just to illustrate how to communicate with the back-end. The back-end will be written in NestJS and it will use the Client Transcribe Streaming library from AWS.
Although the AWS Transcribe library is rather powerful, I couldn’t find any full-stack tutorials for it. So this article will help you to figure out all the ins and outs of streaming audio from the front-end to the back-end and then streaming it from the back-end to the AWS.
Let’s start!
The next part will be about getting your AWS access credentials ready. Read it here.
If you find this helpful, please click the clap 👏 button. Also, feel free to comment! I’d be happy to help :)