VideoRoll / VideoRoll

📺All-in-One browser extension to enhance your video watching experience.

Home Page:https://videoroll.gomi.site

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

About

📺All-in-One browser extension to enhance your video watching experience.

https://videoroll.gomi.site

License:Apache License 2.0


Languages

Language:TypeScript 84.5%Language:Less 11.4%Language:JavaScript 3.4%Language:HTML 0.7%