Files
Chromacase/front/state/SoundPlayerSlice.ts
Clément Le Bihan 4923fc72b2 reactènative-sounds
2023-12-31 17:59:56 +01:00

120 lines
2.3 KiB
TypeScript

import { createSlice, PayloadAction } from '@reduxjs/toolkit';
// import { Audio } from 'expo-av';
type MidiNumber = number;
// Source: https://computermusicresource.com/midikeys.html
// Deserve an extra credit for doing this by hand
// The value is the value returned by `required`, needed by Expo to load/play the sound
export const PianoNotes = {
33: 'a0.mp3',
45: 'a1.mp3',
57: 'a2.mp3',
69: 'a3.mp3',
81: 'a4.mp3',
93: 'a5.mp3',
105: 'a6.mp3',
117: 'a7.mp3',
44: 'ab1.mp3',
56: 'ab2.mp3',
68: 'ab3.mp3',
80: 'ab4.mp3',
92: 'ab5.mp3',
104: 'ab6.mp3',
116: 'ab7.mp3',
35: 'b0.mp3',
47: 'b1.mp3',
59: 'b2.mp3',
71: 'b3.mp3',
83: 'b4.mp3',
95: 'b5.mp3',
107: 'b6.mp3',
119: 'b7.mp3',
34: 'bb0.mp3',
46: 'bb1.mp3',
58: 'bb2.mp3',
70: 'bb3.mp3',
82: 'bb4.mp3',
94: 'bb5.mp3',
106: 'bb6.mp3',
118: 'bb7.mp3',
36: 'c1.mp3',
48: 'c2.mp3',
60: 'c3.mp3',
72: 'c4.mp3',
84: 'c5.mp3',
96: 'c6.mp3',
108: 'c7.mp3',
120: 'c8.mp3',
38: 'd1.mp3',
50: 'd2.mp3',
62: 'd3.mp3',
74: 'd4.mp3',
86: 'd5.mp3',
98: 'd6.mp3',
110: 'd7.mp3',
37: 'db1.mp3',
49: 'db2.mp3',
61: 'db3.mp3',
73: 'db4.mp3',
85: 'db5.mp3',
97: 'db6.mp3',
109: 'db7.mp3',
40: 'e1.mp3',
52: 'e2.mp3',
64: 'e3.mp3',
76: 'e4.mp3',
88: 'e5.mp3',
100: 'e6.mp3',
112: 'e7.mp3',
39: 'eb1.mp3',
51: 'eb2.mp3',
63: 'eb3.mp3',
75: 'eb4.mp3',
87: 'eb5.mp3',
99: 'eb6.mp3',
111: 'eb7.mp3',
41: 'f1.mp3',
53: 'f2.mp3',
65: 'f3.mp3',
77: 'f4.mp3',
89: 'f5.mp3',
101: 'f6.mp3',
113: 'f7.mp3',
43: 'g1.mp3',
55: 'g2.mp3',
67: 'g3.mp3',
79: 'g4.mp3',
91: 'g5.mp3',
103: 'g6.mp3',
115: 'g7.mp3',
42: 'gb1.mp3',
54: 'gb2.mp3',
66: 'gb3.mp3',
78: 'gb4.mp3',
90: 'gb5.mp3',
102: 'gb6.mp3',
114: 'gb7.mp3',
} as const;
export type Sounds = Record<MidiNumber, string>;
export const soundPlayerSlice = createSlice({
name: 'soundPlayer',
initialState: {
sounds: undefined as Sounds | undefined,
},
reducers: {
setSounds: (state, action: PayloadAction<Sounds>) => {
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
state.sounds = action.payload;
},
unsetSounds: (state) => {
// Object.entries(state.sounds ?? {}).map((sound) => sound[1].unloadAsync());
state.sounds = undefined;
},
},
});
export const { setSounds, unsetSounds } = soundPlayerSlice.actions;
export default soundPlayerSlice.reducer;