added disableTileEnlargement option

1 files changed, 20 insertions, 0 deletions

diff --git a/index.html b/index.html
index 88d4a84..0f913c6 100644
--- a/index.html
+++ b/index.html
@@ -82,6 +82,7 @@
       const $startAudioMuted = $("#startAudioMuted");
       const $startVideoMuted = $("#startVideoMuted");
       const $disableFaceCentering = $("#disableFaceCentering");
+      const $disableTileEnlargement = $("#disableTileEnlargement");
       const $disableInitialGUM = $("#disableInitialGUM");
       const $disableNotifications = $("#disableNotifications");
       const $codeFeatures = $("#codeFeatures");
@@ -105,6 +106,10 @@
           paramGroup['config.faceLandmarks.enableFaceCentering'] = false;
         }
 
+        if ($disableTileEnlargement.prop('checked')) {
+          paramGroup['config.disableTileEnlargement'] = true;
+        }
+
         if ($disableInitialGUM.prop('checked')) {
           paramGroup['config.disableInitialGUM'] = true;
         }
@@ -121,6 +126,7 @@
       $startAudioMuted.on("input", featureChanged);
       $startVideoMuted.on("input", featureChanged);
       $disableFaceCentering.on("input", featureChanged);
+      $disableTileEnlargement.on("input", featureChanged);
       $disableInitialGUM.on("input", featureChanged);
       $disableNotifications.on("input", featureChanged);
 
@@ -344,6 +350,20 @@
               Disable Face Centering
             </label>
           </div>
+          
+          <div class="form-check mb-4">
+            <input class="form-check-input" type="checkbox" value="" id="disableTileEnlargement">
+            <label class="form-check-label" for="disableTileEnlargement">
+              Disable Tile Enlargement
+            </label>
+            <br/>
+            <small class="text-muted">
+              Jitsi attempts to use as much screen real-estate as possible when displaying video in tile view.
+              Depending on your screen geometry, this might involve cropping the displayed videos.
+              Coupled with the face-centering feature, this usually produces good results
+              but there maybe some use cases where this is not desirable. Check this to disable that feature.
+            </small>
+          </div>
 
           <div class="form-check mb-4">
             <input class="form-check-input" type="checkbox" value="" id="disableInitialGUM">