68f4a4ae9f
Make toolbar's microphone button enabled whenever there are any 'audioinput' devices available and allow to add audio during the conference even if microphone permissions were denied on startup.
103 lines
2.9 KiB
JavaScript
103 lines
2.9 KiB
JavaScript
/* @flow */
|
|
|
|
import {
|
|
SET_AUDIO_AVAILABLE,
|
|
SET_AUDIO_MUTED,
|
|
SET_VIDEO_AVAILABLE,
|
|
SET_VIDEO_MUTED } from '../base/media';
|
|
import { MiddlewareRegistry } from '../base/redux';
|
|
|
|
import { setToolbarButton } from './actions';
|
|
import { CLEAR_TOOLBOX_TIMEOUT, SET_TOOLBOX_TIMEOUT } from './actionTypes';
|
|
|
|
/**
|
|
* Middleware which intercepts Toolbox actions to handle changes to the
|
|
* visibility timeout of the Toolbox.
|
|
*
|
|
* @param {Store} store - The redux store.
|
|
* @returns {Function}
|
|
*/
|
|
MiddlewareRegistry.register(store => next => action => {
|
|
switch (action.type) {
|
|
case CLEAR_TOOLBOX_TIMEOUT: {
|
|
const { timeoutID } = store.getState()['features/toolbox'];
|
|
|
|
clearTimeout(timeoutID);
|
|
break;
|
|
}
|
|
|
|
case SET_TOOLBOX_TIMEOUT: {
|
|
const { timeoutID } = store.getState()['features/toolbox'];
|
|
const { handler, timeoutMS } = action;
|
|
|
|
clearTimeout(timeoutID);
|
|
const newTimeoutId = setTimeout(handler, timeoutMS);
|
|
|
|
action.timeoutID = newTimeoutId;
|
|
break;
|
|
}
|
|
|
|
case SET_AUDIO_AVAILABLE:
|
|
case SET_AUDIO_MUTED: {
|
|
return _setAudioAvailableOrMuted(store, next, action);
|
|
}
|
|
|
|
case SET_VIDEO_AVAILABLE:
|
|
case SET_VIDEO_MUTED:
|
|
return _setVideoAvailableOrMuted(store, next, action);
|
|
}
|
|
|
|
return next(action);
|
|
});
|
|
|
|
/**
|
|
* Adjusts the state of toolbar's microphone button.
|
|
*
|
|
* @param {Store} store - The Redux store instance.
|
|
* @param {Function} next - The redux function to continue dispatching the
|
|
* specified {@code action} in the specified {@code store}.
|
|
* @param {Object} action - Either SET_AUDIO_AVAILABLE or SET_AUDIO_MUTED.
|
|
*
|
|
* @returns {*}
|
|
*/
|
|
function _setAudioAvailableOrMuted({ dispatch, getState }, next, action) {
|
|
const result = next(action);
|
|
|
|
const { available, muted } = getState()['features/base/media'].audio;
|
|
const i18nKey = available ? 'mute' : 'micDisabled';
|
|
|
|
dispatch(setToolbarButton('microphone', {
|
|
enabled: available,
|
|
i18n: `[content]toolbar.${i18nKey}`,
|
|
toggled: available ? muted : true
|
|
}));
|
|
|
|
return result;
|
|
}
|
|
|
|
/**
|
|
* Adjusts the state of toolbar's camera button.
|
|
*
|
|
* @param {Store} store - The redux store.
|
|
* @param {Function} next - The redux function to continue dispatching the
|
|
* specified {@code action} in the specified {@code store}.
|
|
* @param {Object} action - Either {@link SET_VIDEO_AVAILABLE} or
|
|
* {@link SET_VIDEO_MUTED}.
|
|
* @returns {Object} The new state that is the result of the reduction of the
|
|
* specified {@code action}.
|
|
*/
|
|
function _setVideoAvailableOrMuted({ dispatch, getState }, next, action) {
|
|
const result = next(action);
|
|
|
|
const { available, muted } = getState()['features/base/media'].video;
|
|
const i18nKey = available ? 'videomute' : 'cameraDisabled';
|
|
|
|
dispatch(setToolbarButton('camera', {
|
|
enabled: available,
|
|
i18n: `[content]toolbar.${i18nKey}`,
|
|
toggled: available ? muted : true
|
|
}));
|
|
|
|
return result;
|
|
}
|