xmj/element-call
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add GainNode

Browse source 
Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2022-07-28 09:16:49 +02:00
parent c48f9a69cc
commit 0c3dab8dd2
No known key found for this signature in database
GPG key ID: D1D45825D60C24D2
1 changed files with 11 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/video-grid/useMediaStream.ts
View file

@ -208,6 +208,7 @@ export const useSpatialMediaStream = (
localVolume localVolume
); );
const gainNodeRef = useRef<GainNode>();
const pannerNodeRef = useRef<PannerNode>(); const pannerNodeRef = useRef<PannerNode>();
const sourceRef = useRef<MediaStreamAudioSourceNode>(); const sourceRef = useRef<MediaStreamAudioSourceNode>();
@ -224,12 +225,18 @@ export const useSpatialMediaStream = (
refDistance: 3, refDistance: 3,
}); });
} }
if (!gainNodeRef.current) {
gainNodeRef.current = new GainNode(audioContext, {
gain: localVolume,
});
}
if (!sourceRef.current) { if (!sourceRef.current) {
sourceRef.current = audioContext.createMediaStreamSource(stream); sourceRef.current = audioContext.createMediaStreamSource(stream);
} }
const tile = tileRef.current; const tile = tileRef.current;
const source = sourceRef.current; const source = sourceRef.current;
const gainNode = gainNodeRef.current;
const pannerNode = pannerNodeRef.current; const pannerNode = pannerNodeRef.current;
const updatePosition = () => { const updatePosition = () => {
@ -244,8 +251,9 @@ export const useSpatialMediaStream = (
pannerNodeRef.current.positionZ.value = -2; pannerNodeRef.current.positionZ.value = -2;
}; };
gainNode.gain.value = localVolume;
updatePosition(); updatePosition();
source.connect(pannerNode).connect(audioDestination); source.connect(gainNode).connect(pannerNode).connect(audioDestination);
// HACK: We abuse the CSS transitionrun event to detect when the tile // HACK: We abuse the CSS transitionrun event to detect when the tile
// moves, because useMeasure, IntersectionObserver, etc. all have no // moves, because useMeasure, IntersectionObserver, etc. all have no
// ability to track changes in the CSS transform property // ability to track changes in the CSS transform property
@ -254,10 +262,11 @@ export const useSpatialMediaStream = (
return () => { return () => {
tile.removeEventListener("transitionrun", updatePosition); tile.removeEventListener("transitionrun", updatePosition);
source.disconnect(); source.disconnect();
gainNode.disconnect();
pannerNode.disconnect(); pannerNode.disconnect();
}; };
} }
}, [stream, spatialAudio, audioContext, audioDestination, mute]); }, [stream, spatialAudio, audioContext, audioDestination, mute, localVolume]);
return [tileRef, mediaRef]; return [tileRef, mediaRef];
}; };