mirror of
https://gitcode.com/GitHub_Trending/ji/jitsi-meet.git
synced 2026-05-16 06:17:48 +00:00
8fe3dce649
The behavior can be triggered with the toggleAudioOnly action, which is currently fired with a button. The following aspects of the conference will change when in audio only mode: - local video is muted - last N is set to 0 (effectively muting remote video) - full-screen mode is exited - audio mode is set to "audio chat" (default output is the earpiece) - the wake lock is disengaged One aspect not handled in this patch is disabling the video mute button while in audio only mode. The user should not be able to turn back video on in that case.
91 lines
2.5 KiB
JavaScript
91 lines
2.5 KiB
JavaScript
/* @flow */
|
|
|
|
import { StatusBar } from 'react-native';
|
|
import { Immersive } from 'react-native-immersive';
|
|
|
|
import { APP_STATE_CHANGED } from '../background';
|
|
import {
|
|
CONFERENCE_FAILED,
|
|
CONFERENCE_LEFT,
|
|
CONFERENCE_WILL_JOIN,
|
|
SET_AUDIO_ONLY
|
|
} from '../../base/conference';
|
|
import { Platform } from '../../base/react';
|
|
import { MiddlewareRegistry } from '../../base/redux';
|
|
|
|
/**
|
|
* Middleware that captures conference actions and activates or deactivates the
|
|
* full screen mode. On iOS it hides the status bar, and on Android it uses the
|
|
* immersive mode:
|
|
* https://developer.android.com/training/system-ui/immersive.html
|
|
* In immersive mode the status and navigation bars are hidden and thus the
|
|
* entire screen will be covered by our application.
|
|
*
|
|
* @param {Store} store - Redux store.
|
|
* @returns {Function}
|
|
*/
|
|
MiddlewareRegistry.register(store => next => action => {
|
|
let fullScreen = null;
|
|
|
|
switch (action.type) {
|
|
case APP_STATE_CHANGED: {
|
|
// Check if we just came back from the background and reenable full
|
|
// screen mode if necessary.
|
|
if (action.appState === 'active') {
|
|
const { audioOnly, conference }
|
|
= store.getState()['features/base/conference'];
|
|
|
|
fullScreen = conference ? !audioOnly : false;
|
|
}
|
|
break;
|
|
}
|
|
|
|
case CONFERENCE_WILL_JOIN: {
|
|
const { audioOnly } = store.getState()['features/base/conference'];
|
|
|
|
fullScreen = !audioOnly;
|
|
break;
|
|
}
|
|
|
|
case CONFERENCE_FAILED:
|
|
case CONFERENCE_LEFT:
|
|
fullScreen = false;
|
|
break;
|
|
|
|
case SET_AUDIO_ONLY:
|
|
fullScreen = !action.audioOnly;
|
|
break;
|
|
}
|
|
|
|
if (fullScreen !== null) {
|
|
_setFullScreen(fullScreen)
|
|
.catch(err =>
|
|
console.warn(`Failed to set full screen mode: ${err}`));
|
|
}
|
|
|
|
return next(action);
|
|
});
|
|
|
|
/**
|
|
* Activates/deactivates the full screen mode. On iOS it will hide the status
|
|
* bar, and on Android it will turn immersive mode on.
|
|
*
|
|
* @param {boolean} fullScreen - True to set full screen mode, false to
|
|
* deactivate it.
|
|
* @private
|
|
* @returns {Promise}
|
|
*/
|
|
function _setFullScreen(fullScreen: boolean) {
|
|
// XXX The React Native module Immersive is only implemented on Android and
|
|
// throws on other platforms.
|
|
if (Platform.OS === 'android') {
|
|
return fullScreen ? Immersive.on() : Immersive.off();
|
|
}
|
|
|
|
// On platforms other than Android go with whatever React Native itself
|
|
// supports.
|
|
StatusBar.setHidden(fullScreen, 'slide');
|
|
|
|
return Promise.resolve();
|
|
}
|