Video Roll 是一个帮助你旋转、缩放、移动、下载、调整比例、镜像翻转、调节音调、音量、倍速、专注和滤镜任意网页中 HTML5 视频的浏览器插件。在大部分网站上都表现出色(Youtube™/Bilibili/Vimeo/TikTok/Twitter 等),支持旋转同源 iframe 下的视频(如 dailymotion.com),支持快捷键: Ctrl+Up/Right/Down/Left/B。我们提供了超棒的记忆功能,帮助你一下次进入网站直接生效。
- ✅ 可旋转任何网页中的 HTML5 视频,支持 0/90/180/270° 旋转
- ✅ 支持镜像翻转(垂直/水平翻转)
- ✅ 支持自定义缩放
- ✅ 支持移动视频位置
- ✅ 支持自定义比例调整
- ✅ 支持下载视频
- ✅ 支持调节视频音调
- ✅ 支持调节视频音量,突破最大音量
- ✅ 支持调节视频倍速
- ✅ 专注模式
- ✅ 支持设置滤镜效果
- ✅ 记忆系统(保存当前网站的配置,下次进入网页直接生效)
- ✅ 针对同源 iframe 中的视频做了优化,支持旋转同源 iframe 中的视频(如 dailymotion.com)
- ✅ 旋转视频时,会自动根据视频容器和视频原始大小尺寸进行自适应,避免旋转后只能展示部分内容的情况
- ✅ 重视安全性,插件不会收集任何用户信息
- ✅ 支持快捷键 ctrl + 方向键
- ctrl+ArrowUp(旋转0度)
- ctrl+ArrowRight(旋转90度)
- ctrl+ArrowDown(旋转180度)
- ctrl+ArrowLeft(旋转270度)
ctrl+B
-
crx 安装
-
开发模式安装 如您无法安装 crx,可以在浏览器的扩展程序中开启“开发者模式”,直接将 dist 文件夹拖入安装即可。
若您在使用中遇到任何问题,比如 bug 或者网站有特殊的视频元素无法旋转,请在 issue 中留下问题,我们会尽快解决。
如果你觉得这个插件对你有所帮助,please star it.
若你发现问题或有更好的 idea,欢迎贡献想法和代码~
- 将本仓库克隆到你的本地
- 在根目录下执行
pnpm install
- 开发模式: 执行
pnpm run dev:chromium
, 然后可以将dist文件夹直接拖入chrome的扩展程序管理中.(确保打开了开发者模式). Parcel 将会帮你完成热更新,你只需要修改代码,然后重新点击popup按钮即可。 - 构建: 执行
pnpm run build
. 将会打包出 chromium zip 和 firefox zip。
- vue
- parcel
- parcel-namer-hashless
- jest
- jsx
- typescript
- copyfiles
- jungle
- node
- less
- vant
- visual Studio Code
- pnpm
- yarn
- webextension-polyfill