Zoom, stretch, reposition, rotate, and flip video and images using hotkeys.

Latest Version

Version
2.0.1
Update
March 14, 2023
Size
118KiB
Developer
Category
Users
10,000+
Rating
4.84211 ★
Manifest Version
3
Web Store Status
Languages Support
Bahasa Indonesia
Bahasa Melayu
Deutsch
English
English (UK)
English (United States)
Filipino
Français
Kiswahili
Nederlands
Norsk
Tiếng Việt
Türkçe
Català
Dansk
Eesti
Español
Español (Latinoamérica)
Hrvatski
Italiano
Latviešu
Lietuvių
Magyar
Polski
Português (Brasil)
Português (Portugal)
Română
Slovenský
Slovenščina
Suomi
Svenska
čeština
Ελληνικά
Српски
български
русский
українська
עברית
فارسی‎
मराठी
हिन्दी
বাংলা
ગુજરાતી
தமிழ்
తెలుగు
ಕನ್ನಡ
മലയാളം
ไทย
አማርኛ
‫العربية
中文 (简体)
中文 (繁體)
日本語
한국어
See more
Permissions
Storage
See more

Video Transformer Extension

This extension is a video manipulation tool that can perform transformations via hotkeys on most streaming videos (and images now too). The hotkeys and functionality are inspired by MPC-HC's Pan and Scan Rotate system and are fully customizable from the extension's settings page. These transformations are useful for fixing black bars via resizing the video (Zoom), correcting aspect ratios (Stretch) to make video full-screen, GoPro or POV (Point of View) or head mounted video perspectives (Flip aka Mirror, or Rotate).

These transformations will also work in full-screen.

Transformations Include:
✔ Zooming (in and out)
✔ Stretching (vertically and horizontally)
✔ Positional Movement (up/down/left/right)
✔ Rotation (clockwise ↻ and counter-clockwise ↺)
✔ Flipping/Mirroring (horizontally and vertically)

Demonstration Video:
https://www.youtube.com/watch?v=iKdVvSD7y5o

You can also combine transformations. For example, you can zoom in on a specific area by using Zoom and Positional Movement.

Supported Websites:
✔ YouTube™
✔ Vimeo
✔ Dailymotion
✔ Bilibili B站
✔ And many more, though this extension is targeting user uploaded videos that need tweaking.

✅ To get started, go to a webpage with a video playing on it.
Then try the hotkeys below.

⚙️ Customizability:
▸ You can add, modify or delete any hotkey for any transformation operation via the extension's settings page.
▸ You can modify the amount of scaling (zoom/stretching), rotation, or positional movement in the settings page too.

Default Hotkeys:
▸ Numpad 5 to reset all transformations back to the original
▸ Numpad 9 / Numpad 1 to zoom in/out
▸ Numpad 8 / Numpad 2 to stretch / compress vertically
▸ Numpad 6 / Numpad 4 to stretch / compress horizontally
▸ Ctrl + Numpad direction (1, 2, 3, 4, 6, 7, 8, 9) to move the element
▸ Ctrl + Numpad 5 to recenter the element
▸ Alt + Numpad 1 / Alt + Numpad 3 to rotate ↻ / ↺
▸ Alt + Numpad 2 / Alt + Numpad 8 to flip vertically
▸ Alt + Numpad 4 / Alt + Numpad 6 to flip horizontally
▸ Alt + Numpad 7 / Alt + Numpad 9 to rotate 90 degrees ↻ / ↺
▸ Alt + V will toggle on and off all of the hotkeys above or switch to Video mode
▸ Alt + I will toggle on and off all of the hotkeys above or switch to Image mode

Alternative Hotkeys (please note that these have changed recently in the 2.0 release):
(Note: For compact keyboards without a numpad like on laptops, and some mac keyboards. Enabled via a checkbox in the popup action options.)
▸ Shift + Arrow Left / Shift + Arrow Right to reset all transformations back to the original
▸ Shift + Arrow Up / Shift + Arrow Down to zoom in / out
▸ Ctrl + Shift + Arrow Right / Ctrl + Shift + Arrow Left to stretch / compress horizontally
▸ Ctrl + Shift + Arrow Up / Ctrl + Shift + Arrow Down to stretch / compress vertically
▸ Ctrl + Arrow direction (Up, Down, Left, Right) to move the element
▸ Alt + Arrow Left / Alt + Arrow Right to rotate ↻ / ↺
▸ Shift + Alt + Arrow Left / Shift + Alt + Arrow Right to rotate 90 degrees ↻ / ↺
▸ Alt + Arrow Up to flip vertically
▸ Alt + Arrow Down to flip horizontally

New Hotkey Preset Available:
▸ H5Player

✔ Image transformations are now supported! ✔

✅ You can also transform images with Alt + I.

⚠️ Troubleshooting and Notes:
▸ Garbled, corrupted, or missing video after a transformation? If possible try a different resolution/quality, otherwise try disabling hardware acceleration in your browser settings (then closing and re-opening the browser).
▸ Some sites may load a thumbnail of a video and not load the actual video, so you may need to start the video first before attempting to do video transforms.
▸ This extension tries to override browser and website shortcuts like Ctrl + Numpad 5 on YouTube. You may need to toggle off the hotkeys to use the overridden keys normally, for example using the numpad to type numbers into an input field.
▸ Sometimes I've noticed that I have to click away from a video or the address bar/top portion of the browser (to any content area on the page) to get hotkeys working. I suspect I could be pressing Alt (activating the borwser menu) or selecting the browser interface which is then trapping the keypress events instead of the page.
▸ Feature requests and bug reports are welcome.
▸ I'm still actively developing this extension to make it the best that I can. Things may change or break and sometimes maybe even improve :)

Mouse cursor in the way while streaming videos?
Check out another extension of mine, Video Mouse Hider:
https://chrome.google.com/webstore/detail/nmoomabnbphlcgjghcagjfkildcmpigi
(I may simply add this functionality to this extension in the future.)
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx",\t"manifest_version": 3,\t"version": "2.0.1",\t"name": "__MSG_app_name__",\t"description": "__MSG_app_description__",\t"default_locale": "en",\t"incognito": "split",\t"permissions": ["storage"],\t"icons": {\t\t"128": "images/icon_128.png",\t\t"48": "images/icon_48.png",\t\t"32": "images/icon_32.png",\t\t"24": "images/icon_24.png",\t\t"16": "images/icon_16.png"\t},\t"action": {"default_popup": "popup.html"},\t"options_ui": {\t\t"page": "settings.html",\t\t"open_in_tab": true\t},\t"content_scripts": [\t\t{\t\t\t"matches": [""],\t\t\t"all_frames": true,\t\t\t"match_about_blank": true,\t\t\t"js": ["transforms.js", "hotkeys.js", "main.js", "extra_fixes.js"],\t\t\t"css": ["extra_fixes.css"],\t\t\t"run_at": "document_start"\t\t}\t],\t"background": {"service_worker": "service_worker.js"},\t"commands": {"reload": {"description": "__MSG_commands_reload__"}}}
Read more