Bump version to 2.1.1

* Redesign Quick Settings bar

* Move stream stats settings to quick settings bar

* Add "for" attributes to labels

* Minor optimization

* Stop rendering Toast

* Don't render UI elements when not playing

README.md

@@ -1,9 +1,10 @@
 # Better xCloud
-Improve [Xbox Cloud Gaming (xCloud)](https://www.xbox.com/play/) experience on web browser.  
+Improve Xbox Cloud Gaming (xCloud) experience on [xbox.com/play](https://www.xbox.com/play). It also allows you to use Remote Play on the xCloud website.  
-The main target of this script is mobile users, but it should work great on desktop too.  
 
-Supported platforms:  
+**Supported platforms:**  
-- Windows, macOS, Linux
+- Windows
+- macOS
+- Linux, SteamOS (Steam Deck)
 - Android, Android TV
 - iOS, iPadOS
 
@@ -35,8 +36,8 @@ If you like this project please give it a 🌟. Thank you 🙏.
     - [Stable version](https://github.com/redphx/better-xcloud/releases/latest/download/better-xcloud.user.js)
     <!-- - [Dev version](https://github.com/redphx/better-xcloud/raw/main/better-xcloud.user.js)-->  
     I only distribute **Better xCloud** on GitHub, *DO NOT* download it on other websites or from unknown sources.
-4. Refresh [xCloud web page](https://www.xbox.com/play/).
+4. Refresh the [xCloud web page](https://www.xbox.com/play/).
-5. Click on the new "SERVER NAME" button next to your profile picture to adjust settings.
+5. Click on the new *\<SERVER NAME\>* button next to your profile picture to adjust settings.
 
 To update manually, just install the script again (you won't lose your settings).
 
@@ -49,9 +50,9 @@ To update manually, just install the script again (you won't lose your settings)
 - ➖ = unavailable
 - 🗒️ = see custom notes
 
-|                                         | Windows/Linux    | macOS            | Android/Android TV | iOS              |
+|                                         | Windows/Linux/SteamOS | macOS            | Android/Android TV | iOS              |
-|-----------------------------------------|:-----------------|:-----------------|:-------------------|:-----------------|
+|-----------------------------------------|:----------------------|:-----------------|:-------------------|:-----------------|
-| Chrome/Edge/Chromium variants           | 👍               | 👍               | ❌                  | ❌               |
+| Chrome/Edge/Chromium...                 | 👍                    | 👍               | ❌                  | ❌               |
 | Firefox                                 | ✅                    | ✅               | 🗒️<sup>(1)</sup>    | ❌               |
 | Safari                                  | ➖                    | ✅<sup>(2)</sup> | ➖                  | ✅<sup>(3)</sup> |
 | [Kiwi Browser](https://kiwibrowser.com) | ➖                    | ➖               | 👍                  | ➖               |
@@ -67,16 +68,19 @@ Don't see your browser in the table? If it supports Tampermonkey/Userscript then
 
 ## Features
 
-<img width="400" alt="Settings UI" src="https://github.com/redphx/better-xcloud/assets/96280/8baddcfa-b528-4ba7-9392-7b5fe60cea11">
+<img width="400" alt="Settings UI" src="https://github.com/redphx/better-xcloud/assets/96280/ca38b3fa-1e89-4b37-937c-a6796c07cdf1">
+<br>
+<img width="400" alt="Remote Play dialog" src="https://github.com/redphx/better-xcloud/assets/96280/daf7f698-a228-4f9c-8f23-9669e061a64c">
 <br>
 <img width="600" alt="Stream HUD" src="https://github.com/redphx/better-xcloud/assets/96280/51bdb96c-79ab-402f-902a-a9e6229973b2">
 <br>
-<img width="600" alt="Stream settings" src="https://github.com/redphx/better-xcloud/assets/96280/18ed4598-4eca-4626-9434-5f74266b00e7">
+<img width="600" alt="Stream settings" src="https://github.com/redphx/better-xcloud/assets/96280/ed513cb3-6e6c-4e8e-9e06-c62e71e41c90">
 
 &nbsp;  
   
 **Demo video:** [https://youtu.be/oDr5Eddp55E  ](https://youtu.be/AYb-EUcz72U)  
-
+- **🔥 Support [Remote Play](https://support.xbox.com/help/games-apps/game-setup-and-play/how-to-set-up-remote-play)**  
+  > 1080p resolution and can stream Xbox 360 games.  
 - **🔥 Improve visual quality of the stream**  
   > Similar to (but not as good as) the "Clarity Boost" of xCloud on Edge browser. [Demo video](https://youtu.be/ZhW2choAHUs). 
 - **🔥 Show stream stats**  
@@ -84,7 +88,7 @@ Don't see your browser in the table? If it supports Tampermonkey/Userscript then
 - **🔥 Capture screenshot**
   > Exclusive to **Better xCloud**. Check the [**Capture screenshot** section](#capture-screenshot) for more info.
 - **🔥 Hold the "Quit game" button for one second to refresh the stream**
-  > Sometimes you can fix the bad connection to the stream simply by refreshing the page.  
+  > Sometimes you can fix the bad connection to the stream or low FPS simply by refreshing the page.  
   > Useful on mobile where the pull-to-refresh feature doesn't work while playing.  
 - **🔥 Touch controller**
   > Enable touch controller support for all games.
@@ -116,6 +120,16 @@ Don't see your browser in the table? If it supports Tampermonkey/Userscript then
 - **Hide mouse cursor on idle**  
   > Hide the mouse cursor after 3 seconds of not moving.  
 
+### Controller
+- Enable controller shortcuts  
+  > `Home` is  the button which activates the Xbox sidebar menu (similar to the Xbox/Nexus button on the official controller).  
+  > Not all controllers have this button. It's the `B16` button on the [Gamepad Tester site](https://hardwaretester.com/gamepad).  
+  > More shortcuts will be added later.
+  
+  | Shortcut      | Action           |
+  |---------------|------------------|
+  | Home + RB     | Take screenshot  |
+  | Home + Select | Toggle stats bar |
 
 ### 🔥 Touch controller
 - **Availability**
@@ -148,6 +162,8 @@ Don't see your browser in the table? If it supports Tampermonkey/Userscript then
 
 
 ### UI
+- **Switch website's layout**  
+  > Switch between default layout and Smart TV layout (without having to change User-Agent).  
 - **Simplify Stream's menu**  
   > Hide the labels of the menu buttons.  
 - **Skip Xbox splash video**
@@ -164,6 +180,9 @@ Don't see your browser in the table? If it supports Tampermonkey/Userscript then
   > The analytics contains statistics of your streaming session, so I'd recommend allowing analytics to help Xbox improve xCloud's experience in the future.
 
 ### In-game settings
+- **🔥 Controller & device vibrations**
+  > Control vibration settings  
+  > Adjust vibration intensity  
 - **Volume control**
   > Increase stream's volume up to 600%  
   > Can be disabled in the Main Settings  
@@ -198,13 +217,12 @@ Don't see your browser in the table? If it supports Tampermonkey/Userscript then
 <sup>(\*)</sup> By default (for compatibility reasons) xCloud only uses high quality codec profile when you use Tizen TV or Chrome/Edge/Chromium browser on Chrome/MacOS. Enable this setting will give you the best experience no matter what platform & browser you're on.
 
 ## Stream stats  
+<img alt="Stream stats" src="https://github.com/redphx/better-xcloud/assets/96280/9fb51941-85a9-47c4-8d48-331456b9ce73">  
   
-![stats](https://github.com/redphx/better-xcloud/assets/96280/736548db-316d-4bb3-a0f8-467766ae810b)
+<img width="418" alt="Stream stats settings" src="https://github.com/redphx/better-xcloud/assets/96280/6313a0c6-03bf-4325-b60d-18a23c681933">  
-
-<img width="500" alt="Stream stats" src="https://github.com/redphx/better-xcloud/assets/96280/142625ea-20ab-4392-a111-0c5bc08bae09">
 
 - While playing > `...` > `Stream Stats`.  
-- Double-click on the stats bar to show the Settings dialog.
+- Change settings by opening `Stream settings` while playing.  
 - This bar is updated every second.  
 - **Quick glance** feature: only show the stats bar when the System menu is expanded. The 👀 emoji at the beginning indicates that the stats bar is in the quick glance mode.  
 - ⚠️ Using **Better xCloud** or showing the stats bar also affects the performance of the stream.  
@@ -278,13 +296,17 @@ It's a reference to an Userscript called "better360" that I created many years a
 
 ## Translators
   - **Chinese (Simplified)**: [@nyavana](https://github.com/nyavana)
-  - **German**: [@KingNothing81](https://github.com/KingNothing81)
+  - **French**: rodolphe.chouteau, Stay34yth
+  - **German**: [@KingNothing81](https://github.com/KingNothing81), mynameismanu
   - **Korean**: [@rightones](https://github.com/rightones)
-  - **Portuguese (Brazilian)**: [@ricardo404](https://github.com/ricardo404), [@Haisom](https://github.com/Haisom)
+  - **Italian**: Greenylie, Rakan129, Carza-104, graziequalcuno, DioCannabinoide
+  - **Japanese**: Tak_attack, udonshi
+  - **Portuguese (Brazilian)**: [@ricardo404](https://github.com/ricardo404), [@Haisom](https://github.com/Haisom), italorafael22062009, PotatoPTT, guilhermecursi, renatomaster01
   - **Polish**: [@aleksishere](https://github.com/aleksishere)
-  - **Russian**: [anpom6](https://crowdin.com/profile/anpom6)
+  - **Russian**: anpom6, soophik
-  - **Spanish**: [@PabloSebas](https://github.com/PabloSebas)
+  - **Spanish**: [@PabloSebas](https://github.com/PabloSebas), csvnchzn
   - **Turkish**: [@transbebek](https://github.com/transbebek)
+  - **Ukrainian**: glebanych
   - **Vietnamese**: [@redphx](https://github.com/redphx)
 
 Visit [here](https://crowdin.com/project/better-xcloud) if you want to translate **Better xCloud** to more languages.  
@@ -299,5 +321,5 @@ But if you still really want to donate, I have a [Ko-fi page](https://ko-fi.com/
 - Icons by [Phosphor Icons](https://phosphoricons.com)
 
 ## Disclaimers  
-- Use as it your own risk.  
+- Use it at your own risk.
 - This project is not affiliated with Xbox in any way. All Xbox logos/icons/trademarks are copyright of their respective owners.

better-xcloud.meta.js

@@ -1,5 +1,5 @@
 // ==UserScript==
 // @name         Better xCloud
 // @namespace    https://github.com/redphx
-// @version      1.18
+// @version      2.1.1
 // ==/UserScript==