/loopcontrol

Firefox/Chrome extension to loop specified sections of videos. (Otherwise known as Video Section Loop)

Primary LanguageJavaScriptMIT LicenseMIT

Loop Control (Video Section Loop)

What does it do?

This extension loops user-specified sections of videos AND audio (enabled in settings). Instead of looping just from the end back to the beginning of the video, you can loop between any two points. Create a gif-like effect just within your browser!

Why?

Watching a cooking video/tricky guitar tutorial/play-of-the-game/awesome performance? Use Loop Control to only watch the parts you want.

How?

All HTML5 videos will display a moveable and hideable controller that indicates if loops are currently toggled on or off. Here you can set the start and end times of the sections you want to loop.

loopcontrol-example

You can also manually toggle LoopControl by right-clicking the video and selecting loop.

Default Keybindings (targets the last video controller you interacted with): Q - Set loop start E - Set loop end R - Toggle loop H - Hide controller

Installation

Install from Addons.Mozilla.Org (AMO)

Install through the official Firefox Add-ons Web Store link.

Firefox Temporary Add-on (For testing purposes)

  1. Download this repo as a .zip file
  2. Unzip the file. The folder is loopcontrol-main
  3. In Firefox, go to about:debugging
  4. Click on This Firefox -> Load Temporary Add-on
  5. Select manifest.json within the loopcontrol-main folder

Chrome Temporary Add-on (For testing purposes)

  1. Download this repo as a .zip file
  2. Unzip the file. The folder is loopcontrol-main
  3. Delete the file manifest.json
  4. Rename manifest-v3-for-chrome.json to manifest.json
  5. In Chrome, go to chrome://extensions
  6. Enable Developer Mode in the top-right
  7. Click 'Load unpacked extension...'
  8. Select the loopcontrol-main folder

To-do

  • Remember video loop times
  • Switch to Manifest v3 once Firefox Stable implements it. Or make separate repo? Chrome Web Store only accept manifest v3.

Credit

Huge thanks to Video Speed Controller, the Firefox fork (seemingly abandoned) and the more updated gediminasel fork with a few helpful fixes. It served as the inspiration for this project and its code is the foundation of this extension.

Extension icon created by Pixel perfect - Flaticon

Mockup assets used in extension listings from MockupDen and Shaping Rain