Bump version to 1.7

* Refactor class names

* Move Quick settings bar's CSS to addCss()

* Adjust Stream menu button's size

* Add shadow to Video settings bar

* Put "Stream Stats" button before "Video Settings" button

README.md

@@ -2,28 +2,38 @@
 Improve [Xbox Cloud Gaming (xCloud)](https://www.xbox.com/play/) experience on web browser.  
 The main target of this script is mobile users, but it should work great on desktop too.
 
+This script makes me spend more time with xCloud, and I hope the same thing happens to you.  
 Give this project a 🌟 if you like it. Thank you 🙏.
 
 [![Latest version](https://img.shields.io/github/v/release/redphx/better-xcloud?label=latest)](https://github.com/redphx/better-xcloud/releases) 
-[![Total downloads](https://img.shields.io/github/downloads/redphx/better-xcloud/total?color=%23e15f2c)](https://github.com/redphx/better-xcloud/releases) 
 [![Total stars](https://img.shields.io/github/stars/redphx/better-xcloud?color=%23cca400)](https://github.com/redphx/better-xcloud/stargazers)  
+<!--
+[![Total downloads](https://img.shields.io/github/downloads/redphx/better-xcloud/total?color=%23e15f2c)](https://github.com/redphx/better-xcloud/releases) 
+-->
+
 
 ## Features
 
-<img width="475" alt="Settings UI" src="https://github.com/redphx/better-xcloud/assets/96280/20aca05d-ff20-4adb-ac21-08b4b1cfd07f">
+<img width="475" alt="Settings UI" src="https://github.com/redphx/better-xcloud/assets/96280/ef689e3b-0235-4635-8623-ebcc332774b2"> 
+
+<img width="475" alt="Stream HUD UI" src="https://github.com/redphx/better-xcloud/assets/96280/905750b2-5d02-41e0-af36-2e8b590d81a0">
 
-<img width="475" alt="Stream HUD UI" src="https://github.com/redphx/better-xcloud/assets/96280/ff695d3a-b077-4b21-b778-beb0a1fdd6be">  
 
 &nbsp;  
   
 **Demo video:** https://youtu.be/oDr5Eddp55E  
 
+- **🔥 Show stream stats**  
+  > Check [Stream stats section](#stream-stats) for more info.  
 - **Switch region of streaming server**  
-  > Connect to another server instead of the default one. Check the [**FAQ** section](#faq) for some notes.  
-- **Force 1080p stream**
+  > Connect to another server instead of the default one. Check the [**FAQ** section](#faq) for some notes.
+- **Preferred game's language**
+  > If the game doesn't support this language, it will use the same language as xCloud's website.  
+- **Stream's target resolution**
+  > Set stream's resolution.  
   > By default you only get 1080p stream when playing on desktop.  
-  > This feature will give you 1080p stream even on mobile, without having to change User-Agent.  
-- **Force high quality codec (if possible)<sup>(\*)</sup>**
+  > This feature can give you 1080p stream even on mobile, without having to change User-Agent.  
+- **Force high quality codec (if supported)<sup>(\*)</sup>**
   > Force xCloud to use the best streaming codec profile (same as desktop & TV) if possible. You don't have to change User-Agent anymore.  
   > You should enable this feature even if you're on desktop.  
   > Not available for some browsers (Firefox, Safari...). Use the [changing User-Agent method](https://github.com/redphx/better-xcloud/wiki/User‐Agent) instead.  
@@ -38,7 +48,9 @@ Give this project a 🌟 if you like it. Thank you 🙏.
 - **Skip Xbox splash video**
   > Save 3 seconds.
 - **Hide Dots icon while playing**
-  > You can still click on it, but it doesn't block the screen anymore
+  > You can still click on it, but it doesn't block the screen anymore.
+- **Hide mouse cursor while playing**  
+  > Hide the mouse cursor after 3 seconds of not moving.   
 - **Reduce UI animations**
   > Disable `transition` CSS property in some elements. The smooth scrolling cannot be disabled.
 - **Stretch video to full sctreen**
@@ -50,10 +62,12 @@ Give this project a 🌟 if you like it. Thank you 🙏.
 - **Disable social features**
   > Features like friends, chat... Disable these will make the page load faster.  
 - **Disable xCloud analytics**
-  > The analytics contains statistics of your streaming session, so I'd recommend allowing analytics to help Xbox improve xCloud's experience in the future.  
+  > The analytics contains statistics of your streaming session, so I'd recommend allowing analytics to help Xbox improve xCloud's experience in the future.
+- **Change User-Agent**
+  > Useful when you're using unsupported browsers.  
+  > If you're on Safari, changing User-Agent to "Edge on Windows" will allow you to use Mic feature.  
+  > This setting only affects xCloud, and it doesn't change browser's global User-Agent.  
 - **Hide footer and other UI elements**
-- **🔥 Show stream stats**
-  > Check [Stream stats section](#stream-stats) for more info.  
 
 <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.
 
@@ -68,6 +82,12 @@ Give this project a 🌟 if you like it. Thank you 🙏.
 
 To update manually, just install the script again (you won't lose your settings).
 
+## Tutorial videos  
+If you still have trouble installing **Better xCloud**, you can follow one of these tutorial videos:  
+- 🇧🇷 [Tudo isso agora tem no xCloud!! (ChipTec)](https://youtu.be/zS8Zy0mYIbU?t=40)
+- 🇫🇷 [#Tuto Xbox Cloud Gaming : Ecran ultra large et adieu les bandes noires sur smartphone (Cloud Gaming France)](https://www.youtube.com/watch?v=5U05KoTdDHs)
+
+
 ## Compatibility
 ✅ = confirmed to be working  
 ❓ = not yet tested  
@@ -98,12 +118,12 @@ Don't see your browser in the table? If it supports Tampermonkey/Userscript then
 - While playing > `...` > `Stream Stats`.
 - Double-click on the stats bar to show Settings dialog.  
 - This bar is updated every second.  
-- Showing the stats bar does affect the performance of the stream.  
+- ⚠️ Using **Better xCloud** or showing the stats bar also affects the performance of the stream.  
 
 | Abbr. | Full name          | Explain                                                                                                                            |
 |------:|:-------------------|:-----------------------------------------------------------------------------------------------------------------------------------|
 | FPS   | Frames per Seconds | The number of decoded frames in the last second of the stream (equal to or lower than the FPS of the game)                         |
-| DT    | Decode Time        | The average time it took to decode one frame in the last second (might be bugged)                                                  |
+| DT    | Decode Time        | The average time it took to decode one frame in the last second (might be bugged [#26](https://github.com/redphx/better-xcloud/issues/26))                                                  |
 | RTT   | Round Trip Time    | The number of seconds it takes for data to be sent from your device to the server and back over (similar to ping, lower is better) |
 | BR    | Bitrate            | The amount of data the server sent to your device in the last second                                                               |
 | PL    | Packets Lost       | The total number of packets lost                                                                                                   |

better-xcloud.meta.js

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