Browse Source

feat(api) allow filmstrip autohide to be configurable

j8
Tudor-Ovidiu Avram 3 years ago
parent
commit
a1e8f36f4f

+ 4
- 1
config.js View File

851
     //     'toolbar.noisyAudioInputTitle', // shown when noise is detected for the current microphone
851
     //     'toolbar.noisyAudioInputTitle', // shown when noise is detected for the current microphone
852
     //     'toolbar.talkWhileMutedPopup', // shown when user tries to speak while muted
852
     //     'toolbar.talkWhileMutedPopup', // shown when user tries to speak while muted
853
     //     'transcribing.failedToStart' // shown when transcribing fails to start
853
     //     'transcribing.failedToStart' // shown when transcribing fails to start
854
-    // ]
854
+    // ],
855
+
856
+    // Automatically hides the filmstrip when screen width is under a certain threshold
857
+    autohideFilmstrip: true,
855
 
858
 
856
     // Allow all above example options to include a trailing comma and
859
     // Allow all above example options to include a trailing comma and
857
     // prevent fear when commenting out the last value.
860
     // prevent fear when commenting out the last value.

+ 1
- 0
react/features/base/config/configWhitelist.js View File

16
     'analytics.disabled',
16
     'analytics.disabled',
17
     'audioLevelsInterval',
17
     'audioLevelsInterval',
18
     'audioQuality',
18
     'audioQuality',
19
+    'autohideFilmstrip',
19
     'apiLogLevels',
20
     'apiLogLevels',
20
     'avgRtpStatsN',
21
     'avgRtpStatsN',
21
     'backgroundAlpha',
22
     'backgroundAlpha',

+ 6
- 1
react/features/filmstrip/subscriber.web.js View File

121
 StateListenerRegistry.register(
121
 StateListenerRegistry.register(
122
     /* selector */ state => state['features/base/responsive-ui'].clientWidth < ASPECT_RATIO_BREAKPOINT,
122
     /* selector */ state => state['features/base/responsive-ui'].clientWidth < ASPECT_RATIO_BREAKPOINT,
123
     /* listener */ (widthBelowThreshold, store) => {
123
     /* listener */ (widthBelowThreshold, store) => {
124
-        store.dispatch(setFilmstripVisible(!widthBelowThreshold));
124
+        const state = store.getState();
125
+        const { autohideFilmstrip } = state['features/base/config'];
126
+
127
+        if (autohideFilmstrip) {
128
+            store.dispatch(setFilmstripVisible(!widthBelowThreshold));
129
+        }
125
     });
130
     });
126
 
131
 
127
 /**
132
 /**

Loading…
Cancel
Save