Navigate:
Video Speed Controller
~$VSC0.3%

Video Speed Controller: HTML5 video playback control

Chrome extension adding speed controls and keyboard shortcuts to HTML5 videos on any website.

LIVE RANKINGS • 12:18 PM • STEADY
OVERALL
#198
128
DEVELOPER TOOLS
#37
30
30 DAY RANKING TREND
ovr#198
·Devel#37
STARS
4.2K
FORKS
664
7D STARS
+15
7D FORKS
+1
See Repo:
Share:

Learn more about Video Speed Controller

Video Speed Controller is a Chrome extension that enhances HTML5 video players with speed adjustment capabilities. It injects JavaScript into web pages to access the native HTML5 video API and overlay custom controls on existing video elements. The extension provides keyboard shortcuts for speed adjustment, seeking, and marker functionality without requiring modifications to the underlying video player. It works across websites by detecting HTML5 video elements and adding a consistent interface for playback control.

Video Speed Controller

1

Universal Compatibility

Works with any HTML5 video on any website without requiring site-specific integrations. The extension automatically detects video elements and applies controls universally.

2

Keyboard-First Interface

Provides comprehensive keyboard shortcuts for speed control, seeking, and markers. Users can operate entirely through hotkeys without mouse interaction.

3

Customizable Shortcuts

Allows users to reassign default keyboard shortcuts and create multiple preferred speed toggles. Settings can be configured to match individual workflow preferences.


// Get video element and control playback speed
const video = document.querySelector('video');

// Increase speed (D key functionality)
function increaseSpeed() {
  video.playbackRate = Math.min(video.playbackRate + 0.25, 4.0);
  console.log(`Speed: ${video.playbackRate}x`);
}

// Decrease speed (S key functionality)
function decreaseSpeed() {
  video.playbackRate = Math.max(video.playbackRate - 0.25, 0.25);
  console.log(`Speed: ${video.playbackRate}x`);
}

// Reset to normal speed (R key functionality)
function resetSpeed() {
  video.playbackRate = 1.0;
  console.log('Speed reset to 1.0x');
}

See how people are using Video Speed Controller

Loading tweets...


[ EXPLORE MORE ]

Related Repositories

Discover similar tools and frameworks used by developers