snapshot of https://github.com/jitsi/jitsi-meet.git @ fd1749dd28f4138aa80234fc7f311b19aaffa0e7 (2026-09-15)

react/features/base/low-bandwidth-mode/actionTypes.ts

@@ -0,0 +1,10 @@
+/**
+ * The type of (redux) action which sets the low bandwidth mode flag for the
+ * current conference.
+ *
+ * {
+ *     type: SET_LOW_BANDWIDTH_MODE,
+ *     lowBandwidthMode: boolean
+ * }.
+ */
+export const SET_LOW_BANDWIDTH_MODE = 'SET_LOW_BANDWIDTH_MODE';

react/features/base/low-bandwidth-mode/actions.ts

@@ -0,0 +1,51 @@
+import { createLowBandwidthModeChangedEvent } from '../../analytics/AnalyticsEvents';
+import { sendAnalytics } from '../../analytics/functions';
+import { IStore } from '../../app/types';
+
+import { SET_LOW_BANDWIDTH_MODE } from './actionTypes';
+import logger from './logger';
+
+
+/**
+ * Sets the low bandwidth mode flag for the current JitsiConference.
+ *
+ * @param {boolean} lowBandwidthMode - True if the conference should be in low bandwidth mode; false, otherwise.
+ * @returns {{
+ *     type: SET_LOW_BANDWIDTH_MODE,
+ *     lowBandwidthMode: boolean
+ * }}
+ */
+export function setLowBandwidthMode(lowBandwidthMode: boolean) {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const { enabled: oldValue } = getState()['features/base/low-bandwidth-mode'];
+
+        if (oldValue !== lowBandwidthMode) {
+            sendAnalytics(createLowBandwidthModeChangedEvent(lowBandwidthMode));
+            logger.log(`Low bandwidth mode ${lowBandwidthMode ? 'enabled' : 'disabled'}`);
+
+            dispatch({
+                type: SET_LOW_BANDWIDTH_MODE,
+                lowBandwidthMode
+            });
+
+            if (typeof APP !== 'undefined') {
+                // TODO This should be a temporary solution that lasts only until video
+                // tracks and all ui is moved into react/redux on the web.
+                APP.conference.onToggleLowBandwidthMode();
+            }
+        }
+    };
+}
+
+/**
+ * Toggles the low bandwidth mode flag for the current JitsiConference.
+ *
+ * @returns {Function}
+ */
+export function toggleLowBandwidthMode() {
+    return (dispatch: IStore['dispatch'], getState: IStore['getState']) => {
+        const { enabled } = getState()['features/base/low-bandwidth-mode'];
+
+        dispatch(setLowBandwidthMode(!enabled));
+    };
+}

react/features/base/low-bandwidth-mode/logger.ts

@@ -0,0 +1,3 @@
+import { getLogger } from '../logging/functions';
+
+export default getLogger('app:low-bandwidth-mode');

react/features/base/low-bandwidth-mode/reducer.ts

@@ -0,0 +1,25 @@
+import ReducerRegistry from '../redux/ReducerRegistry';
+
+import { SET_LOW_BANDWIDTH_MODE } from './actionTypes';
+
+export interface ILowBandwidthModeState {
+    enabled: boolean;
+}
+
+const DEFAULT_STATE = {
+    enabled: false
+};
+
+
+ReducerRegistry.register<ILowBandwidthModeState>('features/base/low-bandwidth-mode',
+(state = DEFAULT_STATE, action): ILowBandwidthModeState => {
+    switch (action.type) {
+    case SET_LOW_BANDWIDTH_MODE:
+        return {
+            ...state,
+            enabled: action.lowBandwidthMode
+        };
+    default:
+        return state;
+    }
+});