b8aa74f212
Bring back the workaround introduced in afd2aea7 but removed in 21dcc41d. On conference join, several other actions have already been fired that try to set the large video participant and select the participant on the bridge. The problem is there is no conference during these actions so the select participant never fires. Then subsequent actions do not fire select participant because the large video participant has not changed.
76 lines
2.3 KiB
JavaScript
76 lines
2.3 KiB
JavaScript
// @flow
|
|
|
|
import { CONFERENCE_JOINED } from '../base/conference';
|
|
import {
|
|
DOMINANT_SPEAKER_CHANGED,
|
|
PARTICIPANT_JOINED,
|
|
PARTICIPANT_LEFT,
|
|
PIN_PARTICIPANT,
|
|
getLocalParticipant
|
|
} from '../base/participants';
|
|
import { MiddlewareRegistry } from '../base/redux';
|
|
import {
|
|
getTrackByJitsiTrack,
|
|
TRACK_ADDED,
|
|
TRACK_REMOVED,
|
|
TRACK_UPDATED
|
|
} from '../base/tracks';
|
|
|
|
import { selectParticipant, selectParticipantInLargeVideo } from './actions';
|
|
|
|
/**
|
|
* 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 => {
|
|
const result = next(action);
|
|
|
|
switch (action.type) {
|
|
case DOMINANT_SPEAKER_CHANGED: {
|
|
const localParticipant = getLocalParticipant(store.getState());
|
|
|
|
if (localParticipant && localParticipant.id !== action.participant.id) {
|
|
store.dispatch(selectParticipantInLargeVideo());
|
|
}
|
|
|
|
break;
|
|
}
|
|
case PARTICIPANT_JOINED:
|
|
case PARTICIPANT_LEFT:
|
|
case PIN_PARTICIPANT:
|
|
case TRACK_ADDED:
|
|
case TRACK_REMOVED:
|
|
store.dispatch(selectParticipantInLargeVideo());
|
|
break;
|
|
|
|
case CONFERENCE_JOINED:
|
|
// Ensure a participant is selected on conference join. This addresses
|
|
// the case where video tracks were received before CONFERENCE_JOINED
|
|
// fired; without the conference selection may not happen.
|
|
store.dispatch(selectParticipant());
|
|
break;
|
|
|
|
case TRACK_UPDATED:
|
|
// In order to minimize re-calculations, we need to select participant
|
|
// only if the videoType of the current participant rendered in
|
|
// LargeVideo has changed.
|
|
if ('videoType' in action.track) {
|
|
const state = store.getState();
|
|
const track
|
|
= getTrackByJitsiTrack(
|
|
state['features/base/tracks'],
|
|
action.track.jitsiTrack);
|
|
const participantId = state['features/large-video'].participantId;
|
|
|
|
(track.participantId === participantId)
|
|
&& store.dispatch(selectParticipant());
|
|
}
|
|
break;
|
|
}
|
|
|
|
return result;
|
|
});
|