jketreno/peddlers-of-ketran
1
0
Fork 0
Code Issues 42 Activity

Make video window work with touch events

Browse Source 
Signed-off-by: James Ketrenos <james_eikona@ketrenos.com>
This commit is contained in:
James Ketrenos 2022-03-24 16:22:28 -07:00
parent e61dfe1922
commit ade798b1c4
1 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
client/src/MediaControl.js
View File

@ -646,21 +646,22 @@ const MediaControl = ({isSelf, peer, className}) => {
<div className="MediaControlSpacer"/> <div className="MediaControlSpacer"/>
<div className={`MediaControl ${className}`} data-peer={peer.name}> <div className={`MediaControl ${className}`} data-peer={peer.name}>
<div className="Controls" > <div className="Controls" >
{ isSelf && <div onClick={toggleMute}> { isSelf && <div onTouchStart={toggleMute} onClick={toggleMute}>
{ muted && <MicOff color={colorAudio}/> } { muted && <MicOff color={colorAudio}/> }
{!muted && <Mic color={colorAudio}/> } {!muted && <Mic color={colorAudio}/> }
</div> } </div> }
{ !isSelf && <div onClick={toggleMute}> { !isSelf && <div onTouchStart={toggleMute} onClick={toggleMute}>
{muted && <VolumeOff color={colorAudio}/> } {muted && <VolumeOff color={colorAudio}/> }
{!muted && <VolumeUp color={colorAudio}/> } {!muted && <VolumeUp color={colorAudio}/> }
</div> } </div> }
<div onClick={toggleVideo}> <div onTouchStart={toggleVideo} onClick={toggleVideo}>
{ !videoOn && <VideocamOff color={colorVideo}/> } { !videoOn && <VideocamOff color={colorVideo}/> }
{videoOn && <Videocam color={colorVideo}/> } {videoOn && <Videocam color={colorVideo}/> }
</div> </div>
</div> </div>
{ isValid && <> { isValid && <>
<Moveable <Moveable
pinchable={true}
draggable={true} draggable={true}
target={target} target={target}
resizable={true} resizable={true}