first implementation of PTT; Adjusting Opus parameter for shorter pTime, lower bandwidth (mono) and Forward Error Correction

2020-03-27 01:01:54 +01:00
parent d700a3cfb2
commit e12ff16115
4 changed files with 146 additions and 27 deletions
@@ -97,6 +97,26 @@ const styles = (theme) =>
 				fontSize  : '7em',
 				margin    : 0
 			}
+		},
+		ptt :
+		{
+			position        : 'absolute',
+			float           : 'left',
+			bottom          : '10%',
+			left            : '50%',
+			transform       : 'translate(-50%, 0%)',
+			color           : 'rgba(255, 255, 255, 0.7)',
+			fontSize        : '2em',
+			backgroundColor : 'rgba(255, 0, 0, 0.5)',
+			margin          : '4px',
+			padding         : '15px',
+			borderRadius    : '20px',
+			textAlign       : 'center',
+			opacity   : 0,
+			'&.enabled' :
+			{
+				opacity : 1
+			}
 		}
 	});

@@ -272,7 +292,7 @@ const Me = (props) =>
 			>
 				<div className={classnames(classes.viewContainer)} style={style}>
 					<div
-						className={classnames(classes.controls, hover ? 'hover' : null)}
+						className={classnames(classes.controls, 'hover')}  
 						onMouseOver={() => setHover(true)}
 						onMouseOut={() => setHover(false)}
 						onTouchStart={() =>
@@ -293,12 +313,19 @@ const Me = (props) =>
 							}, 2000);
 						}}
 					>
-						<p>
+						<p className={classnames(hover ? 'hover' : null)}>
 							<FormattedMessage
 								id='room.me'
 								defaultMessage='ME'
-							/>
+							/>					
 						</p>
+						<div className={classnames(classes.ptt, (micState ==='muted' && me.isSpeaking) ? 'enabled' : null)} >
+							<FormattedMessage
+								id='me.mutedPTT'
+								defaultMessage='You are muted: hold SPACE-BAR to speak!'
+							/>	
+						</div>
+
 						<Tooltip title={micTip} placement={smallScreen ? 'top' : 'left'}>
 							<div>
 								<Fab