Matrix/element-call-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-call.git synced 2026-03-31 07:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

lint

Browse Source
This commit is contained in:
Will Hunt
2024-12-02 13:35:40 +00:00
parent fa60790125
commit d8c0f10c06
1 changed files with 36 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/room/CallEventAudioRenderer.tsx
View File

@@ -29,8 +29,8 @@ export function CallEventAudioRenderer({
vm: CallViewModel;
}): ReactNode {
const [effectSoundVolume] = useSetting(effectSoundVolumeSetting);
const callEntered = useRef<(HTMLAudioElement|null)[]>([]);
const callLeft = useRef<(HTMLAudioElement|null)[]>([]);
const callEntered = useRef<(HTMLAudioElement | null)[]>([]);
const callLeft = useRef<(HTMLAudioElement | null)[]>([]);
useEffect(() => {
if (effectSoundVolume === 0) {
@@ -44,7 +44,7 @@ export function CallEventAudioRenderer({
),
)
.subscribe(({ joined }) => {
const availablePlayer = callEntered.current.find(v => v?.paused);
const availablePlayer = callEntered.current.find((v) => v?.paused);
void availablePlayer?.play();
});
@@ -56,7 +56,7 @@ export function CallEventAudioRenderer({
),
)
.subscribe(() => {
const availablePlayer = callLeft.current.find(v => v?.paused);
const availablePlayer = callLeft.current.find((v) => v?.paused);
void availablePlayer?.play();
});
@@ -68,8 +68,16 @@ export function CallEventAudioRenderer({
// Set volume.
useEffect(() => {
callEntered.current.forEach(a => {if (a) {a.volume = effectSoundVolume}});
callLeft.current.forEach(a => {if (a) {a.volume = effectSoundVolume}});
callEntered.current.forEach((a) => {
if (a) {
a.volume = effectSoundVolume;
}
});
callLeft.current.forEach((a) => {
if (a) {
a.volume = effectSoundVolume;
}
});
}, [callEntered, callLeft, effectSoundVolume]);
// Do not render any audio elements if playback is disabled. Will save
@@ -82,14 +90,28 @@ export function CallEventAudioRenderer({
// Will play as soon as it's mounted, which is what we want as this will
// play when the call is entered.
<>
{Array.from({length: CONCURRENT_AUDIO_CHANNELS}).map((_, index) => <audio key={index} ref={(r) => callEntered.current[index] = r} preload="auto" hidden>
<source src={enterCallSoundOgg} type="audio/ogg; codecs=vorbis" />
<source src={enterCallSoundMp3} type="audio/mpeg" />
</audio>)}
{Array.from({length: CONCURRENT_AUDIO_CHANNELS}).map((_, index) => <audio key={index} ref={(r) => callLeft.current[index] = r} preload="auto" hidden>
<source src={leftCallSoundOgg} type="audio/ogg; codecs=vorbis" />
<source src={leftCallSoundMp3} type="audio/mpeg" />
</audio>)}
{Array.from({ length: CONCURRENT_AUDIO_CHANNELS }).map((_, index) => (
<audio
key={index}
ref={(r) => (callEntered.current[index] = r)}
preload="auto"
hidden
>
<source src={enterCallSoundOgg} type="audio/ogg; codecs=vorbis" />
<source src={enterCallSoundMp3} type="audio/mpeg" />
</audio>
))}
{Array.from({ length: CONCURRENT_AUDIO_CHANNELS }).map((_, index) => (
<audio
key={index}
ref={(r) => (callLeft.current[index] = r)}
preload="auto"
hidden
>
<source src={leftCallSoundOgg} type="audio/ogg; codecs=vorbis" />
<source src={leftCallSoundMp3} type="audio/mpeg" />
</audio>
))}
</>
);
}