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

All video windows are now moveable!

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

13
client/src/MediaControl.js
View File

@ -571,8 +571,11 @@ const MediaControl = ({isSelf, peer, className}) => {
}); });
useEffect(() => { useEffect(() => {
setTarget(document.querySelectorAll(".MediaControl")[0]); if (peer && peer.name) {
}, []); setTarget(document.querySelector(
`.MediaControl[data-peer="${peer.name}"]`));
}
}, [setTarget, peer]);
/* local state is used to trigger re-renders, and the global /* local state is used to trigger re-renders, and the global
* state is kept up to date in the peers object so re-assignment * state is kept up to date in the peers object so re-assignment
@ -635,9 +638,13 @@ const MediaControl = ({isSelf, peer, className}) => {
colorAudio = (isValid && media.hasAudio) ? 'primary' : 'disabled', colorAudio = (isValid && media.hasAudio) ? 'primary' : 'disabled',
colorVideo = (isValid && media.hasVideo) ? 'primary' : 'disabled'; colorVideo = (isValid && media.hasVideo) ? 'primary' : 'disabled';
if (!peer) {
return <></>;
}
return <> return <>
<div className="MediaControlSpacer"/> <div className="MediaControlSpacer"/>
<div className={`MediaControl ${className}`}> <div className={`MediaControl ${className}`} data-peer={peer.name}>
<div className="Controls" > <div className="Controls" >
{ isSelf && <div onClick={toggleMute}> { isSelf && <div onClick={toggleMute}>
{ muted && <MicOff color={colorAudio}/> } { muted && <MicOff color={colorAudio}/> }