https://github.com/r4ai/browser-tab-volume-manager

Super simple browser extension to adjust media volume on active tab.
https://github.com/r4ai/browser-tab-volume-manager

chrome-extension edge-extension firefox-extension

Last synced: 3 days ago
JSON representation

Super simple browser extension to adjust media volume on active tab.

• Host: GitHub
• URL: https://github.com/r4ai/browser-tab-volume-manager
• Owner: r4ai
• License: mit
• Created: 2023-06-21T02:54:22.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-06-21T16:12:13.000Z (over 1 year ago)
• Last Synced: 2024-12-15T16:44:02.036Z (about 2 months ago)
• Topics: chrome-extension, edge-extension, firefox-extension
• Language: TypeScript
• Homepage:
• Size: 1.17 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  


  

  


  
browser-tab-volume-manager

  
Super simple browser extension 
 to adjust media volume on active tab.



---



  

  



## Installation

### Chrome / Edge

- Go to [Releases](https://github.com/r4ai/browser-tab-volume-manager/releases/latest) and download the latest `browser-tab-volume-manager.zip` file.

- Go to the browser address bar and type `chrome://extensions`.

- Check the `Developer Mode` button to enable it.

- Drag and drop the `browser-tab-volume-manager.zip` file to the browser window.

### Firefox

- Go to [Releases](https://github.com/r4ai/browser-tab-volume-manager/releases/latest) and download the latest `browser-tab-volume-manager-firefox.zip` file.

- Go to the browser address bar and type `about:addons`.

- Click on the `Settings` button and select `Install Add-on From File...`.

- Select the `browser-tab-volume-manager-firefox.zip` file.

## Development

### Prerequisites

- [Node.js](https://nodejs.org) 16 or later installed

- [Yarn](https://yarnpkg.com) installed

### Getting Started

- `yarn install` to install dependencies.

- `yarn dev` to start the development server.

- `yarn build` to build an unpacked extension.

- **Load extension in Chrome (Chromium, Manifest V3)**

  - Go to the browser address bar and type `chrome://extensions`

  - Check the `Developer Mode` button to enable it.

  - Click on the `Load Unpacked Extension` button.

  - Select your `dist` folder in the project root.

- **Load extension in Firefox (Manifest V2)**

  - Go to the browser address bar and type `about://debugger`

  - Click on the `Load Temporary Add-on` button.

  - Select your `dist-firefox-v2` folder in the project root.

### Available Commands

- `yarn clean` to remove dist folder. `dev` and `build` commands call this command.

- `yarn format` to fix code with eslint and prettier.

- `yarn lint` to call ESLint and Prettier.

- `yarn test` for testing.