Building Your Own Transcription Service Within a Video Call Web App

Introduction

Screenshot of the simple application we will be developing.
Screenshot of the simple application we will be developing.

Prerequisites

Project Setup

Screenshot of our site with the above code.
Screenshot of our site with the above code.

Adding Color

The magic of CSS.
The magic of CSS.
Understanding the UI controls: First two buttons are to join/ leave a call. The next two buttons are to send transcription messages to all users in the channel. The next two buttons are to make personal transcriptions which others can’t see.
Understanding the UI controls: First two buttons are to join/ leave a call. The next two buttons are to send transcription messages to all users in the channel. The last two buttons are to make personal transcriptions which others can’t see.

Core Functionality (JS)

Adding Voice-to-Text Services

Screenshot of the demo from user 1’s perspective.
Screenshot of the demo from user 1’s perspective.
Screenshot of the demo from user 2's perspective.

Conclusion

You did it!

Other Resources

--

--

--

Web Developer with keen interest in SEO & Digital Marketing.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

AB Test Development Process

NestJS User Injection

React Native Swipable bottom Modal

Horoscope Website using React

Frequently Asked Questions Regarding AWS Regions and Availability Zones

How to Create a JavaScript Slider with a Beautiful Timer using Greensock

Episode 22/16

Pizza Time — Sprint 1: Planning and Implementing Google Maps API/Places Library

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Akshat Gupta

Akshat Gupta

Web Developer with keen interest in SEO & Digital Marketing.

More from Medium

UI borders with rounded corners

gintaa- India’s Newest eCommerce Plus Experience in 2022

gintaa — the one-stop-shop to buy, sell, barter, or bid any products or services

BOPIS Strategy: 3 Key Elements To Offer Buy Online, Pickup In-Store

Sequoia picks 15 startups for 1st batch of female founders program