fix(speaker-stats): responsiveness of facial expressions (#10664)

This commit is contained in:
Gabriel Borlea 2021-12-20 10:45:54 +02:00 committed by GitHub
parent a7bf037363
commit f8340bfd41
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 8 additions and 0 deletions

View File

@ -7,6 +7,7 @@ import { useDispatch, useSelector } from 'react-redux';
import { getLocalParticipant } from '../../base/participants';
import { initUpdateStats } from '../actions';
import {
REDUCE_EXPRESSIONS_THRESHOLD,
SPEAKER_STATS_RELOAD_INTERVAL
} from '../constants';
@ -22,6 +23,7 @@ const abstractSpeakerStatsList = (speakerStatsItem: Function): Function[] => {
const conference = useSelector(state => state['features/base/conference'].conference);
const speakerStats = useSelector(state => state['features/speaker-stats'].stats);
const localParticipant = useSelector(getLocalParticipant);
const { clientWidth } = useSelector(state => state['features/base/responsive-ui']);
const { defaultRemoteDisplayName, enableFacialRecognition } = useSelector(
state => state['features/base/config']) || {};
const { facialExpressions: localFacialExpressions } = useSelector(
@ -93,6 +95,7 @@ const abstractSpeakerStatsList = (speakerStatsItem: Function): Function[] => {
props.facialExpressions = statsModel.getFacialExpressions();
}
props.showFacialExpressions = enableFacialRecognition;
props.reduceExpressions = clientWidth < REDUCE_EXPRESSIONS_THRESHOLD;
props.displayName = statsModel.getDisplayName() || defaultRemoteDisplayName;
props.t = t;

View File

@ -1 +1,6 @@
/**
* The with of the client at witch the facial expressions will be reduced to only 4.
*/
export const REDUCE_EXPRESSIONS_THRESHOLD = 750;
export const SPEAKER_STATS_RELOAD_INTERVAL = 1000;