ptkdev/chrome-extension-aspectratio219

🖥️ Fit the screen properly in fullscreen mode on monitor ultrawide with 21:9 aspect ratio (Netflix, Youtube, PrimeVideo, Crunchyroll)

🖥 Chrome & Edge Extension: Aspect Ratio 21:9

Fit the screen properly in fullscreen mode on monitor with 21:9 aspect ratio. Work on Netflix, Youtube, PrimeVideo, VVVVID, etc...

🎁 Support: Donate

This project is free, open source and I try to provide excellent free support. Why donate? I work on this project several hours in my spare time and try to keep it up to date and working. THANK YOU!

📎 Menu

• 💡 Features
• 👔 Screenshot
• 🚀 How to use
• ⌨️ Shortcuts
• 🔨 Developer mode
• 📚 Documentation
• ❤️ Contributing
• 🐛 Known Bugs
• 🍻 Community:
  • Discord (🇬🇧 English Channel | 🇮🇹 Italian Channel | 🇵🇱 Polish Channel)

💡 Features

• [✔️] Easy to use
• [✔️] MIT License
• [✔️] Browser supported: Google Chrome and Microsoft Edge
• [✔️] Fix aspect ratio on 21:9 monitor (stretch / crop)
• [✔️] Customize Aspect ratio value (32:9 and 19:10 monitors)
• [✔️] Add custom domain and try fix size of player
• [✔️] ON / OFF buttons
• [✔️] Netflix (⚠️ Only with Chrome #4)
• [✔️] Youtube
• [✔️] Prime Video
• [✔️] Dailymotion
• [✔️] Vimeo
• [✔️] VVVVID
• [✔️] Crunchyroll
• [✔️] Twitch
• [✔️] Translations: 🇬🇧 🇮🇹 🇵🇱 🇪🇸

👔 Screenshot

🚀 Installation

1. Install extension from chrome store or edge store.
2. Open popup (click on icon of this extension)
3. Enable netflix
4. Go to netflix and open video
5. Bye bye side black bars!

⌨️ Shortcuts

You can set shortcuts on chrome://extensions/shortcuts. No Default shortcuts available.

🔨 Developer Mode

1. Download stable, beta or nightly and extract it.
2. Run npm install
3. Run npm run dev
4. Install Google Chrome.
5. Go to extension page.
6. Enable developer mode (top/right corner).
7. Load extension from folder.
8. Select build folder.
9. Go to netflix, open video, bye bye side black bars!

📚 Documentation

Run npm run docs

👑 Sponsors

Support this project by becoming a sponsor. 🙏 Become a sponsor on patreon or become top3 sponsor on ko-fi. Your logo will show up here with a link to your website.

🦄 Backers

Thank you to all our backers! 🙏 Become a backer on patreon.

❤️ Contributing

I 💟 contributions! I will happily accept your pull request! Translations, grammatical corrections (GrammarNazi you are welcome! Yes my English is bad, sorry), etc... Do not be afraid, if the code is not perfect we will work together 👯 and remember to insert your name in .all-contributorsrc and package.json file.

Thanks goes to these wonderful people (emoji key):

Patryk Rzucidło 💻 🌍

Angelica Losi 🌍

Michele Stefanelli 🌍

💰 In the future, if the donations allow it, I would like to share some of the success with those who helped me the most. For me open source is share of code, share development knowledges and share donations!

📲 Tools

💫 License

• Code and Contributions have MIT License
• Images and logos have CC BY-NC 4.0 License (Freepik Premium License)
• Documentations and Translations have CC BY 4.0 License

Copyleft (c) 2020 Patryk Rzucidło (@PTKDev) <[email protected]>

chrome-extension-aspectratio219's Issues

extensions Link on Edge

Versions

• **Edge Version:**87.0.664.55
• Plugin Version: 1.5.2
• Operating System: Windows 10

The Add-on Links to chrome://extensions/shortcuts and not to edge:///shortcuts

[Feature request] Support Apple TV+

Feature description

Support Apple TV+

Feature motivation

Nice to have

Netflix stop working on Edge v83

Versions

• Edge Version: v83.0.478.45
• Plugin Version: v1.5.1
• Monitor resolution: 3440x1440
• Operating System: Windows 10

Expected Behavior

The video should be fit to the screen.

Actual Behavior

The position of the video is off from the bottom and the video doesn't scale to my full screen size

Steps to Reproduce

Screenshots (Optional)

https://i.imgur.com/5uHEkl3.jpg

settings button not responding when clicked

Settings button press animation works but settings window not coming up when settings button is pressed.

Can't have a Custom Crop profile

• Chrome Version: 83.0.4103.97
• Plugin Version: Latest
• Monitor resolution: 2560x1080
• Operating System: Windows 10

Expected Behavior

To remember the pre-defined User Crop setting

Actual Behavior

When toggling away from the Force Crop/Zoom Mode, e.g. back to 16:9 you will lose the Custom Crop settings which for me is 16:9, Cropped and Zoomed to 21:9 so 1.33 Width and 1.33 Height. Changing back to 16:9 sets this to 1 Width and 1 Height, as the previous settings aren't remembered, you have to manually set them again

Steps to Reproduce

1. Set a keybind for 16:9 and force Crop + Zoom Mode
2. In GUI select 21:9 and then Crop + Zoom
3. Press the 16:9 Shortcut and refresh the page, observe the ratio is set to 1:1. Pressing the crop + zoom mode is not remembered. It will just stretch to 21:9 so everything looks out of proportion

[Bug] Top and bottom black bars

Feature description

Disney+ support

Feature motivation

Watch Disney+ with no boarders (currently image is centred within ultrawide monitor due to existing top and bottom bars in actual streamed content footage

change in aspect requires refresh of page

Question

everytime i change the aspect ratio through the plugin or the shortcut keys i have to refresh the page in order for it to work.. is that a bug or currently how it works? if it is currently how it works can we do something to fix that?

I would also like it to remember my selection crop/zoom when i select 21:9 ratio

[Feature request] HBO Max Support

Feature description

Support for HBO Max ultrawide scaling. HBO Max's video player seems to work differently than others and using this plugin in crop/zoom mode causes the video to enlarge and then move off screen down and to the right before and after photos below

Feature motivation

Nice to have - this is the best ultrawide plugin for chrome either way!

Before :

With Plugin:

Crop feature no longer working

Versions

• Chrome Version: v109.0.5414.120 (Official Build) (64-bit)
• Plugin Version: v1.5.2
• Monitor resolution: 3440x1440
• Operating System: Windows 10

Expected Behavior

In fullscreen, video is zoomed in and cropped when Crop/Zoom is selected. Aspect ratio is preserved.

Actual Behavior

Regardless of selecting Crop/Zoom or Stretch, image is stretched left to right and squashed top to bottom instead of cropped. FYI - This worked previously, and now seems broken on all similar plugins, so Google/YouTube may have changed something on their end that will require an update.

Steps to Reproduce

1. Open YouTube video
2. Ensure these plugin options are activated:

• YouTube is enabled
• Activate Only in Fullscreen is enabled
• Select aspect ration 21:9
• Select Crop/Zoom

Screenshots (Optional)

Prime video doesn't work

This does not appear to do anything at all to Prime Video, despite the fact I've tried toggling it's switch (as well as all-on and all-off).

Feature request: hotkeys

Feature description

Add hotkeys

Feature motivation

Toggle features

[Q] --> On Netflix black bars on top in 21:9

Question

In netflix simetimes the video content got pushed down like in the picture:

the problem is the top inch of the screen is black and the bottom end of the image just not shown.
edit: chrome v 103.0.5060.134 win 10 pro 21h2 x64 build n.: 19044.1826

[Feature request] Incremental aspect ratio height/width with keyboard shortcuts

Feature description

Allow a stretch of the height/width using a hotkey

Feature motivation

Nice to have