redux-sounds

import { createStore, applyMiddleware } from 'redux'; import createSoundMiddleware from 'redux-sounds'; import { Howl } from 'howler'; // Required by redux-sounds, install if not present // 1. Define your sound data const soundData = { jump: '/path/to/jump.mp3', gameOver: { src: ['/path/to/game_over.ogg', '/path/to/game_over.mp3'], loop: false, volume: 0.8 }, backgroundMusic: { src: ['/path/to/music.mp3'], loop: true, volume: 0.5 } }; // 2. Create the sound middleware const soundMiddleware = createSoundMiddleware(soundData, Howl); // 3. Create a simple reducer (for demonstration) const initialState = { score: 0 }; function appReducer(state = initialState, action) { switch (action.type) { case 'PLAYER_JUMP': return { ...state, score: state.score + 10 }; case 'GAME_OVER': return { ...state, score: 0 }; default: return state; } } // 4. Create the Redux store with the middleware const store = createStore( appReducer, applyMiddleware(soundMiddleware) ); // 5. Dispatch actions to play sounds store.dispatch({ type: 'PLAYER_JUMP', meta: { sound: 'jump' } }); store.dispatch({ type: 'GAME_OVER', meta: { sound: { play: 'gameOver', volume: 0.9 // Override default volume for this play } } }); store.dispatch({ type: 'START_MUSIC', meta: { sound: { play: 'backgroundMusic', loop: true } } }); console.log('Redux store configured and sounds dispatched.'); // In a real app, Howler.js would handle sound playback in the browser/Node environment.