75 lines
2.1 KiB
TypeScript
75 lines
2.1 KiB
TypeScript
import {
|
|
DOMINANT_SPEAKER_CHANGED,
|
|
PARTICIPANT_JOINED,
|
|
PARTICIPANT_LEFT,
|
|
PIN_PARTICIPANT
|
|
} from '../base/participants/actionTypes';
|
|
import { getDominantSpeakerParticipant, getLocalParticipant } from '../base/participants/functions';
|
|
import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
|
|
import { isTestModeEnabled } from '../base/testing/functions';
|
|
import {
|
|
TRACK_ADDED,
|
|
TRACK_REMOVED
|
|
} from '../base/tracks/actionTypes';
|
|
import { TOGGLE_DOCUMENT_EDITING } from '../etherpad/actionTypes';
|
|
|
|
import { selectParticipantInLargeVideo } from './actions';
|
|
import logger from './logger';
|
|
|
|
import './subscriber';
|
|
|
|
/**
|
|
* Middleware that catches actions related to participants and tracks and
|
|
* dispatches an action to select a participant depicted by LargeVideo.
|
|
*
|
|
* @param {Store} store - Redux store.
|
|
* @returns {Function}
|
|
*/
|
|
MiddlewareRegistry.register(store => next => action => {
|
|
switch (action.type) {
|
|
case DOMINANT_SPEAKER_CHANGED: {
|
|
const state = store.getState();
|
|
const localParticipant = getLocalParticipant(state);
|
|
const dominantSpeaker = getDominantSpeakerParticipant(state);
|
|
|
|
|
|
if (dominantSpeaker?.id === action.participant.id) {
|
|
return next(action);
|
|
}
|
|
|
|
const result = next(action);
|
|
|
|
if (isTestModeEnabled(state)) {
|
|
logger.info(`Dominant speaker changed event for: ${action.participant.id}`);
|
|
}
|
|
|
|
if (localParticipant && localParticipant.id !== action.participant.id) {
|
|
store.dispatch(selectParticipantInLargeVideo());
|
|
}
|
|
|
|
return result;
|
|
}
|
|
case PIN_PARTICIPANT: {
|
|
const result = next(action);
|
|
|
|
store.dispatch(selectParticipantInLargeVideo(action.participant?.id));
|
|
|
|
return result;
|
|
}
|
|
case PARTICIPANT_JOINED:
|
|
case PARTICIPANT_LEFT:
|
|
case TOGGLE_DOCUMENT_EDITING:
|
|
case TRACK_ADDED:
|
|
case TRACK_REMOVED: {
|
|
const result = next(action);
|
|
|
|
store.dispatch(selectParticipantInLargeVideo());
|
|
|
|
return result;
|
|
}
|
|
}
|
|
const result = next(action);
|
|
|
|
return result;
|
|
});
|