setWebcamHover(true)}
- onMouseOut={() => setWebcamHover(false)}
+ className={classnames(classes.controls, hover ? 'hover' : null)}
+ onMouseOver={() => setHover(true)}
+ onMouseOut={() => setHover(false)}
onTouchStart={() =>
{
- if (touchWebcamTimeout)
- clearTimeout(touchWebcamTimeout);
+ if (touchTimeout)
+ clearTimeout(touchTimeout);
- setWebcamHover(true);
+ setHover(true);
}}
onTouchEnd={() =>
{
- if (touchWebcamTimeout)
- clearTimeout(touchWebcamTimeout);
+ if (touchTimeout)
+ clearTimeout(touchTimeout);
- touchWebcamTimeout = setTimeout(() =>
+ touchTimeout = setTimeout(() =>
{
- setWebcamHover(false);
+ setHover(false);
}, 2000);
}}
>
@@ -394,25 +390,25 @@ const Me = (props) =>
>
setScreenHover(true)}
- onMouseOut={() => setScreenHover(false)}
+ className={classnames(classes.controls, hover ? 'hover' : null)}
+ onMouseOver={() => setHover(true)}
+ onMouseOut={() => setHover(false)}
onTouchStart={() =>
{
- if (touchScreenTimeout)
- clearTimeout(touchScreenTimeout);
+ if (touchTimeout)
+ clearTimeout(touchTimeout);
- setScreenHover(true);
+ setHover(true);
}}
onTouchEnd={() =>
{
- if (touchScreenTimeout)
- clearTimeout(touchScreenTimeout);
+ if (touchTimeout)
+ clearTimeout(touchTimeout);
- touchScreenTimeout = setTimeout(() =>
+ touchTimeout = setTimeout(() =>
{
- setScreenHover(false);
+ setHover(false);
}, 2000);
}}
>
@@ -421,6 +417,7 @@ const Me = (props) =>
transitionProperty : 'opacity',
transitionDuration : '.15s',
backgroundColor : 'var(--peer-video-bg-color)',
- '&.is-me' :
+ '&.isMe' :
{
transform : 'scaleX(-1)'
},
@@ -142,6 +142,7 @@ class VideoView extends React.PureComponent
{
const {
isMe,
+ isScreen,
peer,
displayName,
showPeerInfo,
@@ -229,7 +230,7 @@ class VideoView extends React.PureComponent
ref='video'
className={classnames(classes.video, {
hidden : !videoVisible,
- 'is-me' : isMe,
+ 'isMe' : isMe && !isScreen,
loading : videoProfile === 'none',
contain : videoContain
})}
@@ -320,8 +321,9 @@ class VideoView extends React.PureComponent
VideoView.propTypes =
{
- isMe : PropTypes.bool,
- peer : PropTypes.oneOfType(
+ isMe : PropTypes.bool,
+ isScreen : PropTypes.bool,
+ peer : PropTypes.oneOfType(
[ appPropTypes.Me, appPropTypes.Peer ]),
displayName : PropTypes.string,
showPeerInfo : PropTypes.bool,