ReflectsLight/al-quran.reflectslight.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Clear all audio listeners

Browse source
This commit is contained in:
0x1eef 2023-07-14 18:17:14 -03:00
parent ef562d3274
commit 5d934918fe
1 changed files with 12 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
src/js/pages/surah/stream.tsx
View file

@ -101,16 +101,20 @@ function SurahStream({ node, reciters, locale, slice, paused, t }: Props) {
useEffect(() => {
const audio = audioRef.current;
if (!audio) {
return;
}
if (!audio) return;
const onEnded = () => (audio.src = getAudioURL(reciter, surah, stream));
const isStalled = () => setIsStalled(true);
const unStalled = () => setIsStalled(false);
audio.addEventListener("ended", onEnded);
audio.addEventListener("stalled", () => setIsStalled(true));
audio.addEventListener("waiting", () => setIsStalled(true));
audio.addEventListener("playing", () => setIsStalled(false));
audio.addEventListener("play", () => setIsStalled(false));
return () => audio.removeEventListener("ended", onEnded);
audio.addEventListener("stalled", isStalled);
audio.addEventListener("waiting", isStalled);
audio.addEventListener("playing", unStalled);
return () => {
audio.removeEventListener("ended", onEnded);
audio.removeEventListener("stalled", isStalled);
audio.removeEventListener("waiting", isStalled);
audio.removeEventListener("playing", unStalled);
};
}, [readyToRender, soundOn, stream.length]);
return (