91 lines
2.8 KiB
TypeScript
91 lines
2.8 KiB
TypeScript
"use client";
|
|
import { useDebounce } from "_helpers/useDebounce";
|
|
import { useEffect, useRef, useState } from "react";
|
|
|
|
export const useSounds = ({
|
|
isReceiving,
|
|
isTransmitting,
|
|
unpausedTracks,
|
|
}: {
|
|
isReceiving: boolean;
|
|
isTransmitting: boolean;
|
|
unpausedTracks: unknown[];
|
|
}) => {
|
|
// Sounds as refs
|
|
const connectionStart = useRef<HTMLAudioElement | null>(null);
|
|
const connectionEnd = useRef<HTMLAudioElement | null>(null);
|
|
const ownCallStarted = useRef<HTMLAudioElement | null>(null);
|
|
const foreignCallStop = useRef<HTMLAudioElement | null>(null);
|
|
const foreignCallBlocked = useRef<HTMLAudioElement | null>(null);
|
|
const callToLong = useRef<HTMLAudioElement | null>(null);
|
|
const adminCall = useRef<HTMLAudioElement | null>(null);
|
|
|
|
useEffect(() => {
|
|
if (!window) return;
|
|
connectionStart.current = new Audio("/sounds/connection_started_sepura.mp3");
|
|
connectionEnd.current = new Audio("/sounds/connection_stoped_sepura.mp3");
|
|
ownCallStarted.current = new Audio("/sounds/call_end_sepura.wav");
|
|
foreignCallStop.current = new Audio("/sounds/call_end_sepura.wav");
|
|
foreignCallBlocked.current = new Audio("/sounds/call_blocked_sepura.wav");
|
|
callToLong.current = new Audio("/sounds/call_to_long.wav");
|
|
adminCall.current = new Audio("/sounds/call_interrupted_by_admin.mp3");
|
|
}, []);
|
|
|
|
const [soundConnectionStarted, setSoundsConnectionStarted] = useState(false);
|
|
|
|
useDebounce(
|
|
() => {
|
|
if (!isReceiving && !isTransmitting && soundConnectionStarted) {
|
|
setSoundsConnectionStarted(false);
|
|
connectionEnd.current!.currentTime = 0;
|
|
connectionEnd.current!.play();
|
|
}
|
|
},
|
|
3000,
|
|
[unpausedTracks, isReceiving, isTransmitting],
|
|
);
|
|
|
|
useEffect(() => {
|
|
if ((isReceiving || isTransmitting) && !soundConnectionStarted) {
|
|
setSoundsConnectionStarted(true);
|
|
connectionStart.current!.currentTime = 0;
|
|
connectionStart.current!.play();
|
|
ownCallStarted.current!.pause();
|
|
}
|
|
}, [isReceiving, isTransmitting, soundConnectionStarted]);
|
|
|
|
useEffect(() => {
|
|
if (isTransmitting && connectionStart.current!.paused) {
|
|
ownCallStarted.current!.volume = 0.2;
|
|
ownCallStarted.current!.currentTime = 0;
|
|
ownCallStarted.current!.play();
|
|
}
|
|
}, [isTransmitting]);
|
|
|
|
useEffect(() => {
|
|
if (!isReceiving) {
|
|
foreignCallStop.current!.volume = 0.2;
|
|
foreignCallStop.current!.currentTime = 0;
|
|
foreignCallStop.current!.play().catch(() => {});
|
|
}
|
|
}, [isReceiving]);
|
|
|
|
// Hotmic warning after 30 seconds
|
|
useEffect(() => {
|
|
if (isTransmitting) {
|
|
const timeout = setTimeout(() => {
|
|
if (isTransmitting) {
|
|
callToLong.current!.loop = true;
|
|
callToLong.current!.currentTime = 0;
|
|
callToLong.current!.volume = 1;
|
|
callToLong.current!.play();
|
|
}
|
|
}, 25000);
|
|
return () => {
|
|
clearTimeout(timeout);
|
|
callToLong.current!.pause();
|
|
};
|
|
}
|
|
}, [isTransmitting]);
|
|
};
|