Most tutorials teach concepts.

This session builds something real.

In this live workshop, you’ll create a fully functional voice-to-text Chrome extension from scratch. No fluff, no theory overload—just practical implementation.

We’ll start with the basics of Chrome extensions, then move directly into integrating the Web Speech API to capture and process voice input.

You’ll learn how to:

Structure a Chrome extension (manifest, background, content scripts)

Capture real-time voice input in the browser

Convert speech into usable text data

Inject functionality into web pages

Handle permissions and browser limitations

By the end of the session, you won’t just understand the concept—you’ll have a working product you can showcase.

This is not beginner hand-holding.

You should already be comfortable with HTML, CSS, and basic JavaScript.

Agenda

Introduction to Chrome Extensions

Setting up the project

Voice input using Web Speech API

Converting and displaying text

Testing and debugging

Final demo + Q&A

Who Should Attend

Web developers

Students learning JavaScript

Anyone building browser-based tools

Requirements

Laptop with Chrome installed

Basic JavaScript knowledge

Code editor (VS Code recommended)