Skip to content

VideoRoll/VideoRoll

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Video Roll

✨ Describe

Video Roll is a web extension that helps you rotate, stretch, zoom, reposition, download, flip, tune, volume++, playback, focus and filter HTML5 videos in any web pages. Works great on most sites(Youtubeâ„¢/Bilibili/Vimeo/TikTok/Twitter, etc).Support the same-origin iframe's video(dailymotion.com).Support shortcut key:Ctrl+Up/Right/Down/Left/B.We provide an excellent memory system to help the next time you enter the website to take effect directly.


✨ Features

9603e49b7121b314caf11da224ab3667.png

  • ✅Support all HTML5 Video
  • ✅Flip(horizontal/vertical)
  • ✅Zoom
  • ✅Reposition
  • ✅Stretch
  • ✅Download
  • ✅Rotate 0/90/180/270deg
  • ✅Tune(Pitch)
  • ✅Volume
  • ✅Playback
  • ✅Focus
  • ✅Filter
  • ✅Download video guide
  • ✅Memory system(You can save all the configuration of the current website so that it will take effect directly next time)
  • ✅Support shortcut key
  • ✅Support same-origin iframe
  • ✅Automatically calculates video scaling
  • ✅Respect user privacy

✨ Shortcut Key useage

Rotate

  • ctrl+ArrowUp(0deg)
  • ctrl+ArrowRight(90deg)
  • ctrl+ArrowDown(180deg)
  • ctrl+ArrowLeft(270deg)

Focus

ctrl+B


✨ Installation


✨ Sponsoring


✨ Bug Report

If you have any questions, please commit a issue.


✨ Contribution

If you like this extension,please star it. If you have any good idea, please commit a issue or send a PR.

Development steps

  1. clone this repo to your local.
  2. pnpm install
  3. dev: pnpm run dev:chromium, then you can drag and drop the dist folder into chrome's extension management.(make sure open developer mode). Parcel will do the hot reload work for you, just change your code, then reclick the popup button.
  4. build: pnpm run build. Both chromium zip and firefox zip will be done.

✨ Acknowledgments

  • vue
  • parcel
  • parcel-namer-hashless
  • jest
  • jsx
  • typescript
  • copyfiles
  • jungle
  • node
  • less
  • vant
  • visual studio code
  • pnpm
  • yarn
  • webextension-polyfill