Read Aloud

Listen to web pages with word highlighting and customizable controls

About

Read Aloud is a Browser extension that transforms your browsing experience by reading web content aloud. Whether you're multitasking, have visual impairments, or simply prefer auditory learning, Read Aloud makes web content more accessible with its intuitive interface and powerful text-to-speech capabilities.

Features

🔊

Word Highlighting

Follow along easily with real-time word highlighting as the text is read aloud, enhancing comprehension and focus.

Adjustable Speed

Customize the reading speed up to 4x to match your listening preference and save time on longer content.

🎛️

Floating Control Bar

Access play, pause, and settings controls from anywhere on the page with our always-visible floating control bar.

📑

Read from Selection

Start reading from any selected text on the page - just highlight and right-click to begin.

📱

Smart Scrolling

Automatically scrolls to keep the current text in view, even when it's hidden or covered by other elements.

🔧

Customizable Voice

Choose from available system voices and adjust pitch to personalize your listening experience.

Installation

1

Download the extension files from the GitHub repository by clicking the green "Code" button and selecting "Download ZIP".

2

Extract the ZIP file to a folder on your computer.

3

Open Browser and navigate to chrome://extensions.

4

Enable "Developer mode" by toggling the switch in the top-right corner.

5

Click "Load unpacked" and select the "extension" folder from the extracted files.

6

The Read Aloud extension should now appear in your extensions list and be ready to use!

How to Use

1

Start Reading: Click the Read Aloud extension icon in your browser toolbar and select "Start Reading" to begin reading from the top of the page.

2

Read from Selection: Highlight any text on the page, right-click, and select "Read from this text" to start reading from that point.

3

Control Playback: Use the floating control bar to play, pause, or stop the reading at any time.

4

Adjust Settings: Click the settings icon in the control bar to adjust reading speed, pitch, and voice.

5

Move the Control Bar: Click and drag the control bar to reposition it anywhere on the page for your convenience.

Technology Stack

JavaScript

Core programming language

Browser API

Extension integration

Web Speech API

Text-to-speech functionality

HTML/CSS

UI components