You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
57 lines
1.1 KiB
57 lines
1.1 KiB
import { Middleware, AnyAction } from 'redux';
|
|
import { RootState } from '..';
|
|
|
|
interface AudioSource {
|
|
src: string
|
|
type: string
|
|
}
|
|
|
|
const createAudio = (sources: AudioSource[]) => {
|
|
const audio = new Audio();
|
|
sources.forEach(({ type, src }) => {
|
|
const source = document.createElement('source');
|
|
source.type = type;
|
|
source.src = src;
|
|
audio.appendChild(source);
|
|
});
|
|
return audio;
|
|
};
|
|
|
|
const play = (audio: HTMLAudioElement) => {
|
|
if (!audio.paused) {
|
|
audio.pause();
|
|
if (typeof audio.fastSeek === 'function') {
|
|
audio.fastSeek(0);
|
|
} else {
|
|
audio.currentTime = 0;
|
|
}
|
|
}
|
|
|
|
audio.play();
|
|
};
|
|
|
|
export const soundsMiddleware = (): Middleware<Record<string, never>, RootState> => {
|
|
const soundCache: {[key: string]: HTMLAudioElement} = {
|
|
boop: createAudio([
|
|
{
|
|
src: '/sounds/boop.ogg',
|
|
type: 'audio/ogg',
|
|
},
|
|
{
|
|
src: '/sounds/boop.mp3',
|
|
type: 'audio/mpeg',
|
|
},
|
|
]),
|
|
};
|
|
|
|
return () => next => (action: AnyAction) => {
|
|
const sound = action?.meta?.sound;
|
|
|
|
if (sound && soundCache[sound]) {
|
|
play(soundCache[sound]);
|
|
}
|
|
|
|
return next(action);
|
|
};
|
|
};
|