@azure/communication-react
Version:
React library for building modern communication user experiences utilizing Azure Communication Services
30 lines • 1.74 kB
JavaScript
// Copyright (c) Microsoft Corporation.
// Licensed under the MIT License.
import { _videoGalleryRemoteParticipantsMemo } from "../../../../../calling-component-bindings/src";
import { _updateUserDisplayNames } from "../../../../../calling-component-bindings/src";
import * as reselect from 'reselect';
import { localVideoSelector } from './localVideoStreamSelector';
import { dominantRemoteParticipantSelector } from './dominantRemoteParticipantSelector';
import { getDisplayName } from './baseSelectors';
import { getLocalParticipantRaisedHand } from './baseSelectors';
import { getFirstSpotlightedRemoteParticipant } from './getFirstSpotlightedRemoteParticipantSelector';
/**
* Picture in picture in picture needs to display the most-dominant remote speaker, as well as the local participant video.
* @private
*/
export const localAndRemotePIPSelector = reselect.createSelector([getDisplayName, dominantRemoteParticipantSelector, localVideoSelector, getLocalParticipantRaisedHand, getFirstSpotlightedRemoteParticipant], (displayName, dominantRemoteParticipantState, localVideoStreamInfo, raisedHand, firstSpotlightedRemoteParticipantState) => {
let remoteParticipantState = dominantRemoteParticipantState;
if (firstSpotlightedRemoteParticipantState) {
remoteParticipantState = firstSpotlightedRemoteParticipantState;
}
const remoteParticipant = remoteParticipantState ? _videoGalleryRemoteParticipantsMemo(_updateUserDisplayNames([remoteParticipantState]))[0] : undefined;
return {
localParticipant: {
displayName,
videoStream: localVideoStreamInfo,
raisedHand
},
remoteParticipant
};
});
//# sourceMappingURL=localAndRemotePIPSelector.js.map