Skip to content

Set playback speed for Read Aloud on ChatGPT.com. Clicking the speed display opens a popup to save the default playback speed and toggle the square design. Also adds color-coded icons for copy, thumbs up, thumbs down, read aloud, and stop buttons. Highlight color for strong text is green in dark mode and violet in light mode.

License

Notifications You must be signed in to change notification settings

TimMacy/ReadAloudSpeedster

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 

Repository files navigation

Read Aloud Speedster Version: 4.0GNU Affero General Public License v3.0Read Aloud Speedster Status: Maintained

This script integrates intuitive playback speed controls into the chatbox interface and navigation buttons into the header to browse between messages. Clicking the speed display opens a settings menu to set a preferred default playback speed and to toggle additional UI tweaks. Additionally, the icons below Chat's responses are color-coded, and bold text is highlighted for clarity.

Read Aloud Speedster by Tim Macy Overview

🪄 Features

  • Native Integration: Implements a native-looking UI that seamlessly blends with the existing layout in both light and dark modes.
  • Default Speed Control: Automatically applies the saved playback speed from persistent storage to detected audio elements.
  • Adjust On-the-Fly: Easily adjust playback speed from 1x to 17x in 0.25x increments using plus/minus buttons.
  • Color-Coded Icons: Copy, thumbs up/down, read aloud/stop, and edit buttons are assigned specific colors.
  • Highlight Color: Green in dark mode and violet in light mode.
  • Customizable: Clicking the speed display opens a settings menu for saving a default speed and toggling various interface options.
    • Square Design, Darker Background for Header and Chat Window, Keep Icons Visible, No Icon Animation, Hide Plus/Pro Avatar icon, Hide "View Plans", Hide "Get Pro" Button, Hide "Dictate" Button, Disable Voice Mode Button, Hide "ChatGPT can make mistakes" Text, Codex/Sora and "New project"/"See more" Buttons Next to Each Other, Compact Search and Library Buttons, Compact Sidebar with Separators, Justify Text, Remove Focus Outlines, and Navigate Between Messages.

Read Aloud Speedster by Tim Macy



🚀 Installation Opera UntestedEdge UntestedFirefox UntestedChrome SupportSafari Support

  1. Install or open a userscript manager. A userscript manager is required, such as Userscripts for Safari or Tampermonkey (available for Chrome, Microsoft Edge, Safari, Opera Next, and Firefox.
  2. Install ReadAloudSpeedster.js

Note

This script is designed primarily for desktop browsers; compatibility and functionality on mobile devices may vary.


📜 Changelog

  • 4.0: bug fixes and improvements. new toggleable options have been added to the settings menu: grouping Codex/Sora and "New project"/"See more" buttons, compacting search and library buttons, browsing to user or ChatGPT's responses.
  • 3.8.3: Sora bug fix
  • 3.8.2: adjustments for the latest changes
  • 3.8: bug fixes and improvements. new toggleable option: Compact Search and Library Buttons
  • 3.7: bug fixes and improvements. new toggleable options have been added to the settings menu: a darker background for the header and chat window, persistent icon visibility, reduced icon animation, hide the Plus/Pro avatar, hide the "View Plans," "Get Pro," and "Dictate" buttons, disable the voice mode button, hide the "ChatGPT can make mistakes" text, compact sidebar with separators, justified text, and removed focus outlines.
  • 3.1.1: Updated stylesheet injection logic.
  • 3.1: Adjustments for the latest changes.
  • 3.0.9.7: adjustments for the latest changes (fixed margins, menu bar, and box-shadow on hover).
  • 3.0.9.4: adjustments for the latest changes (updated icon CSS selector to match new DOM).
  • 3.0.9.3: adjustments for the latest changes (updated 'view plans' CSS selector to match new DOM).
  • 3.0.9.2: adjustments for the latest changes.
  • 3.0.9: bug fixes and improvements, added icon color support for Sora and Codex.
  • 3.0.8.2: adjustments for the latest changes.
  • 3.0.8.1: fixed spacing for research sources button when using square design.
  • 3.0.8: adjustments for the latest changes.
  • 3.0.7.1: dark and light mode adjustments for “Edit in canvas” and “Switch model” icons.
  • 3.0.7: improvements.
  • 3.0.3: bug fixes.
  • 3.0.2: bug fixes.
  • 3.0.1: bug fixes.
  • 3.0: initial public release.

⚖️ License

The code in ReadAloudSpeedster.js is licensed under the GNU Affero General Public License v3.0 (AGPL-3.0). See the LICENSE file for details. The README.md and all images are Copyright © 2025 Tim Macy. All rights reserved.


Tip

💡 YouTube Alchemy

A toolkit that enhances YouTube by customizing the layout and adding more than 130 seamless, native-feeling features. Designed to be resource-efficient, it primarily relies on YouTube's own event listeners while using timeouts and mutation observers strategically to minimize overhead. Additionally, a main settings panel, along with three sub-panels, provides an intuitive interface for easy customization.


Install It from the Official Repository: https://github.com/TimMacy/YouTubeAlchemy


YouTube Alchemy by Tim Macy


🔸 Disclaimer

Read Aloud Speedster is an independent, private project. It’s not affiliated with, endorsed by, sponsored by, or in any way officially connected to OpenAI, ChatGPT, or any related entity. "ChatGPT" and the ChatGPT logo are trademarks of OpenAI; all other trademarks are the property of their respective owners.

About

Set playback speed for Read Aloud on ChatGPT.com. Clicking the speed display opens a popup to save the default playback speed and toggle the square design. Also adds color-coded icons for copy, thumbs up, thumbs down, read aloud, and stop buttons. Highlight color for strong text is green in dark mode and violet in light mode.

Topics

Resources

License

Stars

Watchers

Forks