Skip to content

Aadiwrth/Video_speed_Control

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

3 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Video Speed Control ๐Ÿš€

A powerful Chrome extension that allows you to control video playback speed beyond the typical 2x limit on any website. Break free from platform restrictions and watch videos at your preferred speed with precision controls.

Video Speed Control Chrome Extension License

โœจ Features

๐ŸŽฏ Precision Speed Control

  • Preset Speeds: Quick access to 2.0x, 2.2x, 2.4x, 2.6x, 2.8x, and 3.0x
  • Custom Speed Input: Set any speed from 0.1x to 10x with decimal precision
  • Smart Video Detection: Automatically finds and targets the main video on any page

๐ŸŽจ Professional Design

  • Modern gradient interface with glassmorphism effects
  • Real-time speed display with visual feedback
  • Intuitive button layout optimized for quick access
  • Status messages for clear user feedback

โšก Advanced Features

  • Speed Persistence: Maintains your speed settings when videos restart
  • Visual Speed Indicator: Temporary overlay showing current speed on the page
  • Keyboard Shortcuts: Quick speed adjustments without opening the popup
  • Multi-Video Support: Works with multiple videos on the same page

๐ŸŒ Universal Compatibility

Works on all major video platforms:

  • YouTube, Netflix, Vimeo, Twitch
  • Educational platforms (Coursera, Udemy, Khan Academy)
  • Social media (Twitter, Instagram, TikTok)
  • Any website with HTML5 video players

๐Ÿš€ Installation

Method 1: Manual Installation (Developer Mode)

  1. Download the Extension

    git clone https://github.com/Aadiwrth/Video_speed_Control.git
    # or download and extract the ZIP file
  2. Prepare Icon Files (Optional)

    • Create or add icon files: icon16.png, icon48.png, icon128.png
    • Or remove the icons section from manifest.json
  3. Install in Chrome

    • Open Chrome and navigate to chrome://extensions/
    • Enable Developer mode (toggle in top-right corner)
    • Click Load unpacked
    • Select the video-speed-Control folder
    • The extension will appear in your Chrome toolbar

Method 2: Chrome Web Store

Coming soon - Extension will be available on the Chrome Web Store

๐ŸŽฎ Usage

Basic Usage

  1. Navigate to any webpage with a video
  2. Click the Video Speed Control extension icon in your toolbar
  3. Select a preset speed button (2.0x - 3.0x) or enter a custom speed
  4. Enjoy watching at your preferred speed!

Advanced Controls

Preset Speed Buttons

  • Click any preset button for instant speed change
  • Active speed is highlighted with golden accent
  • Covers the most commonly used speeds above 2x

Custom Speed Input

  • Enter any decimal value between 0.1x and 10x
  • Press Enter or click Apply to set the speed
  • Perfect for fine-tuning to your exact preference

Control Buttons

  • Detect Video: Manually scan for videos on the page
  • Reset (1x): Instantly return to normal playback speed

Keyboard Shortcuts

  • Ctrl/Cmd + Shift + โ†‘: Increase speed by 0.2x
  • Ctrl/Cmd + Shift + โ†“: Decrease speed by 0.2x
  • Ctrl/Cmd + Shift + R: Reset to normal speed (1x)

Note: Shortcuts work only when no input fields are focused

๐Ÿ”ง Technical Details

File Structure

video-speed-Control/
โ”œโ”€โ”€ manifest.json          # Extension configuration
โ”œโ”€โ”€ popup.html             # Extension popup interface
โ”œโ”€โ”€ popup.js               # Main extension logic
โ”œโ”€โ”€ content.js             # Page-level enhancements
โ”œโ”€โ”€ icon16.png             # Small icon (optional)
โ”œโ”€โ”€ icon48.png             # Medium icon (optional)
โ”œโ”€โ”€ icon128.png            # Large icon (optional)
โ””โ”€โ”€ README.md              # Documentation

How It Works

The extension uses Chrome's scripting API to inject JavaScript that modifies the playbackRate property of HTML5 video elements:

document.getElementsByTagName("video")[0].playbackRate = 2.6;

Smart Video Detection Algorithm

  1. Scans all video elements on the page
  2. Prioritizes videos that are:
    • Currently playing
    • Larger in size (likely the main content)
    • Most recently interacted with
  3. Applies speed changes to the most relevant video

๐Ÿ› ๏ธ Development

Prerequisites

  • Chrome Browser (version 88+)
  • Basic knowledge of JavaScript and Chrome Extensions

Local Development

  1. Clone the repository
  2. Make your changes to the source files
  3. Reload the extension in chrome://extensions/
  4. Test on various video platforms

Contributing

We welcome contributions! Please follow these steps:

  1. Fork the repository
  2. Create a feature branch (git checkout -b feature/amazing-feature)
  3. Commit your changes (git commit -m 'Add amazing feature')
  4. Push to the branch (git push origin feature/amazing-feature)
  5. Open a Pull Request

๐Ÿ“ Permissions Explained

The extension requests minimal permissions:

  • activeTab: Access to the current tab to detect and control videos
  • scripting: Inject speed control scripts into web pages

No data is collected or transmitted. All functionality runs locally.

๐Ÿ› Troubleshooting

Common Issues

Extension doesn't detect video:

  • Try clicking "Detect Video" button
  • Refresh the page and try again
  • Some videos load dynamically - wait a moment after page load

Speed doesn't persist:

  • Some platforms override playback rate - this is expected behavior
  • The extension will reapply your speed when possible

Keyboard shortcuts not working:

  • Make sure no input fields are focused
  • Try clicking on the video player first
  • Shortcuts require Ctrl/Cmd + Shift combination

Browser Compatibility

  • โœ… Chrome (88+)
  • โœ… Edge (88+)
  • โœ… Opera (74+)
  • โŒ Firefox (uses different extension API)
  • โŒ Safari (uses different extension API)

๐Ÿ“„ License

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

๐Ÿค Support

If you encounter any issues or have suggestions:

๐ŸŒŸ Show Your Support

If this extension helps you, please:

  • โญ Star this repository
  • ๐Ÿ”„ Share with friends
  • โœ๏ธ Leave a review on the Chrome Web Store
  • โ˜• Buy me a coffee

๐Ÿ“ˆ Changelog

Version 1.0.0 (Initial Release)

  • โœจ Preset speed buttons (2.0x - 3.0x)
  • โœจ Custom speed input (0.1x - 10x)
  • โœจ Smart video detection
  • โœจ Professional UI with glassmorphism design
  • โœจ Speed persistence across video restarts
  • โœจ Visual speed indicator overlay
  • โœจ Keyboard shortcuts for quick control
  • โœจ Universal compatibility with all video platforms

Made with โค๏ธ for video enthusiasts who want to learn faster and consume content more efficiently.

Buy me a Coffee โ˜•:

Ko-fi Patreon PayPal

About

A powerful Chrome extension that allows you to control video playback speed beyond the typical 2x limit on any website. Break free from platform restrictions and watch videos at your preferred speed with precision controls.

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors