☰

Video Volume/Playback Speed Controller

Adjust video playback speed and volume with HUD showing real-time values inside the video frame. Conditional scroll blocking applied. (Script assisted by ChatGPT)

How to install

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

How to install

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

Author
特務E04
Daily installs
1
Total installs
38
Ratings
1 0 0
Version
1.0
Created
2025-01-06
Updated
2025-01-06
Size
3.35 KB
License
MIT
Applies to
All sites

Video Speed & Volume Adjuster with HUD

License: MIT

繁體中文

A convenient browser userscript that allows you to easily adjust video playback speed and volume using mouse controls, with real-time visual feedback.

Features

  • Adjust video playback speed using Ctrl + Mouse Wheel
  • Control volume using Right-Click + Mouse Wheel
  • Real-time HUD display in the center of the video
  • Support for all websites with HTML5 video players
  • Clean interface that doesn't interfere with the original webpage

Usage

Playback Speed Adjustment

  • Hold Ctrl key
  • Scroll Up: Increase playback speed
  • Scroll Down: Decrease playback speed
  • Speed range: 0.1x ~ 16.0x

Volume Control

  • Hold Right Mouse Button
  • Scroll Up: Increase volume
  • Scroll Down: Decrease volume
  • Volume range: 0% ~ 100%

Installation

  1. First, install a userscript manager:

  2. Click the following link to install the script:

Technical Details

  • Pure JavaScript implementation
  • No external library dependencies
  • Uses MutationObserver to monitor DOM changes
  • Supports dynamically loaded video elements

Compatibility

  • Supports all major browsers (Chrome, Firefox, Edge, Safari)
  • Works with any website using standard HTML5 <video> elements

License

This project is licensed under the MIT License - see the LICENSE file for details

Contributing

Issues and Pull Requests are welcome to help improve this project!

Author

Agent_E04 (@jmsch23280866)

AI Assistance Statement

  • This project was developed with assistance from Claude 3.5 Sonnet and ChatGPT AI, including code optimization suggestions and documentation writing.
  • I believe in transparent disclosure of AI participation to promote open-source community development.

Changelog

1.0.0 (2025-01-03)

  • Initial release
  • Implemented basic playback speed and volume control features
  • Added HUD display functionality