Giter Club home page Giter Club logo

videoroll's Introduction

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

videoroll's People

Contributors

gxy5202 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

videoroll's Issues

修改专注模式的实现方式

现有的专注模式采用调整zIndex的方式,由于网站布局的多元化,无法实现所有视频网站都正常工作,考虑将DOM直接进行移动

快捷键问题

打开youtube的视频后使用Ctrl+方向键无效,必须点击一下该扩展图标才可以使用快捷键。不知道是不是我的问题。

斗鱼上默认显示有问题

Chrome Version: 123.0.6312.105
Video Roll Version: 1.1.6
问题如下:
没有设置过插件,查看插件显示数值都是默认数值。
image

快捷键无效

chrome 111 已排除其他扩展 热键冲突
默认ctrl+上下左右方向键无法旋转视频(youtube等)
ctrl/alt(chrome快捷键只能以这两者其一)+任意字母或方向键均无效 不能旋转视频(所有视频网站)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.