Hide localVideoFeed if video is muted

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2020-12-30 08:46:54 +01:00
parent 777c0ca1ef
commit 86cb7f99ce
No known key found for this signature in database
GPG key ID: 9760693FDD98A790

View file

@ -437,6 +437,7 @@ export default class CallView extends React.Component<IProps, IState> {
} }
if (this.props.call.type === CallType.Video) { if (this.props.call.type === CallType.Video) {
let localVideoFeed = null;
let onHoldContent = null; let onHoldContent = null;
let onHoldBackground = null; let onHoldBackground = null;
const backgroundStyle: CSSProperties = {}; const backgroundStyle: CSSProperties = {};
@ -455,6 +456,9 @@ export default class CallView extends React.Component<IProps, IState> {
backgroundStyle.backgroundImage = 'url(' + backgroundAvatarUrl + ')'; backgroundStyle.backgroundImage = 'url(' + backgroundAvatarUrl + ')';
onHoldBackground = <div className="mx_CallView_video_holdBackground" style={backgroundStyle} />; onHoldBackground = <div className="mx_CallView_video_holdBackground" style={backgroundStyle} />;
} }
if (!this.state.vidMuted) {
localVideoFeed = <VideoFeed type={VideoFeedType.Local} call={this.props.call} />;
}
// if we're fullscreen, we don't want to set a maxHeight on the video element. // if we're fullscreen, we don't want to set a maxHeight on the video element.
const maxVideoHeight = getFullScreenElement() ? null : ( const maxVideoHeight = getFullScreenElement() ? null : (
@ -470,7 +474,7 @@ export default class CallView extends React.Component<IProps, IState> {
<VideoFeed type={VideoFeedType.Remote} call={this.props.call} onResize={this.props.onResize} <VideoFeed type={VideoFeedType.Remote} call={this.props.call} onResize={this.props.onResize}
maxHeight={maxVideoHeight} maxHeight={maxVideoHeight}
/> />
<VideoFeed type={VideoFeedType.Local} call={this.props.call} /> {localVideoFeed}
{onHoldContent} {onHoldContent}
{callControls} {callControls}
</div>; </div>;