Skip to content

R4ULtv/volume-booster

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Volume Booster

A Chrome extension that allows you to boost the volume of any video in your browser tab up to 600%. Perfect for videos with low audio levels.

Features

  • Boost volume up to 600% (6x the normal volume)
  • Easy-to-use slider interface
  • Works on any website with video content
  • Instant volume adjustment
  • Quick reset to 100% button
  • Dark mode UI

Installation

From Release

  1. Download the latest release from the Releases page
  2. Extract the downloaded ZIP file to a folder on your computer
  3. Load the extension in Chrome:
    • Open Chrome and navigate to chrome://extensions/
    • Enable "Developer mode" in the top right corner
    • Click "Load unpacked"
    • Select the extracted folder

From Source

  1. Clone this repository:

    git clone https://github.com/r4ultv/volume-booster.git
    cd volume-booster
  2. Install dependencies:

    npm install
  3. Build the extension:

    npm run build
  4. Load the extension in Chrome:

    • Open Chrome and navigate to chrome://extensions/
    • Enable "Developer mode" in the top right
    • Click "Load unpacked"
    • Select the build folder from this project

Usage

  1. Navigate to any webpage with a video
  2. Click the Volume Booster extension icon in your Chrome toolbar
  3. Use the slider to adjust the volume:
    • Left side (0-50%): Reduces volume from 0% to 100%
    • Right side (50-100%): Boosts volume from 100% to 600%
  4. Click "Reset Volume to 100% volume" to return to normal volume

Development

Prerequisites

  • Node.js (v14 or higher)
  • npm or yarn

Scripts

  • npm start - Run the app in development mode
  • npm run build - Build the extension for production
  • npm test - Run tests
  • npm run eject - Eject from Create React App (use with caution)

Tech Stack

  • React 18
  • Tailwind CSS
  • Chrome Extension Manifest V3
  • Create React App

How It Works

The extension uses Chrome's scripting API to inject code into the active tab and modify the volume property of HTML5 video elements. The slider uses a non-linear scale:

  • 0-50% slider position: Maps to 0-100% actual volume
  • 50-100% slider position: Maps to 100-600% actual volume

This allows for precise control at normal listening levels while still providing significant boost capability.

Permissions

The extension requires the following permissions:

  • activeTab - To access the current tab's content
  • scripting - To inject volume control code
  • storage - To save user preferences (future feature)

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is open source and available under the MIT License.

Acknowledgments

Built with Create React App and styled with Tailwind CSS.

About

A Chrome extension that boosts volumes up to 600%

Topics

Resources

Stars

Watchers

Forks