Matrix/element-call-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-call.git synced 2026-08-29 21:15:19 +00:00
Code Issues Packages Projects Releases Wiki Activity

Integrate sounds

Browse Source
This commit is contained in:
Half-Shot
2025-09-12 14:42:52 +01:00
parent 900272f2fb
commit 5536f559a3
1 changed files with 18 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/room/InCallView.tsx
View File

@@ -117,11 +117,13 @@ import { Avatar, Size as AvatarSize } from "../Avatar";
import waitingStyles from "./WaitingForJoin.module.css"; import waitingStyles from "./WaitingForJoin.module.css";
import { prefetchSounds } from "../soundUtils"; import { prefetchSounds } from "../soundUtils";
import { useAudioContext } from "../useAudioContext"; import { useAudioContext } from "../useAudioContext";
// TODO: Dont use this!!! use the correct sound
import genericSoundOgg from "../sound/reactions/generic.ogg?url"; import ringtoneMp3 from "../sound/ringtone.mp3?url";
import genericSoundMp3 from "../sound/reactions/generic.mp3?url"; import ringtoneOgg from "../sound/ringtone.ogg?url";
import leftCallSoundMp3 from "../sound/left_call.mp3"; import declineMp3 from "../sound/call_declined.mp3?url";
import leftCallSoundOgg from "../sound/left_call.ogg"; import declineOgg from "../sound/call_declined.ogg?url";
import timeoutMp3 from "../sound/call_timeout.mp3?url";
import timeoutOgg from "../sound/call_timeout.ogg?url";
const canScreenshare = "getDisplayMedia" in (navigator.mediaDevices ?? {}); const canScreenshare = "getDisplayMedia" in (navigator.mediaDevices ?? {});
@@ -281,9 +283,9 @@ export const InCallView: FC<InCallViewProps> = ({
// Preload a waiting and decline sounds // Preload a waiting and decline sounds
const pickupPhaseSoundCache = useInitial(async () => { const pickupPhaseSoundCache = useInitial(async () => {
return prefetchSounds({ return prefetchSounds({
waiting: { mp3: genericSoundMp3, ogg: genericSoundOgg }, waiting: { mp3: ringtoneMp3, ogg: ringtoneOgg },
decline: { mp3: leftCallSoundMp3, ogg: leftCallSoundOgg }, decline: { mp3: declineMp3, ogg: declineOgg },
// Do we want a timeout sound? timeout: { mp3: timeoutMp3, ogg: timeoutOgg },
}); });
}); });
// configure this to sth that fits to the pickup waiting sound. // configure this to sth that fits to the pickup waiting sound.
@@ -361,7 +363,14 @@ export const InCallView: FC<InCallViewProps> = ({
// When we enter timeout or decline we will leave the call. // When we enter timeout or decline we will leave the call.
useEffect((): void | (() => void) => { useEffect((): void | (() => void) => {
if (callPickupState === "timeout") { if (callPickupState === "timeout") {
onLeave(); void pickupPhaseAudio
?.playSound("timeout")
.catch((e) => {
logger.error("Failed to play timeout sound", e);
})
.finally(() => {
onLeave();
});
} }
if (callPickupState === "decline") { if (callPickupState === "decline") {
// Wait for the sound to finish before leaving // Wait for the sound to finish before leaving