diff --git a/src/components/structures/UserSettings.js b/src/components/structures/UserSettings.js index 7704cce0c7..ac1c6b662b 100644 --- a/src/components/structures/UserSettings.js +++ b/src/components/structures/UserSettings.js @@ -118,6 +118,10 @@ const SETTINGS_LABELS = [ id: 'TextualBody.disableBigEmoji', label: _td('Disable big emoji in chat'), }, + { + id: 'VideoView.flipVideoHorizontally', + label: _td('Mirror local video feed'), + }, /* { id: 'useFixedWidthFont', diff --git a/src/components/views/voip/VideoView.js b/src/components/views/voip/VideoView.js index 8f062d27ae..748673f1a5 100644 --- a/src/components/views/voip/VideoView.js +++ b/src/components/views/voip/VideoView.js @@ -18,10 +18,13 @@ limitations under the License. import React from 'react'; import ReactDOM from 'react-dom'; +import classNames from 'classnames'; import sdk from '../../../index'; import dis from '../../../dispatcher'; +import UserSettingsStore from '../../../UserSettingsStore'; + module.exports = React.createClass({ displayName: 'VideoView', @@ -108,14 +111,18 @@ module.exports = React.createClass({ document.mozFullScreenElement || document.webkitFullscreenElement); const maxVideoHeight = fullscreenElement ? null : this.props.maxHeight; - + const localVideoFeedClasses = classNames("mx_VideoView_localVideoFeed", + { "mx_VideoView_localVideoFeed_flipped": + UserSettingsStore.getSyncedSetting('VideoView.flipVideoHorizontally', false), + }, + ); return (