https://github.com/joshwcomeau/redux-soundsを使用してサウンド ファイルを再生しようとしていますが、動作させることができません。以下は、セットアップに使用した関連コードです。webpackがそれらを正しくロードしていないのか、それとも何か他のものなのかわかりません。それらが適切にロードされているかどうかはどうすればわかりますか? これを機能させる方法についてのアイデアはありますか? オーディオをデコードできないというChrome以外のコンソールエラーはありませんが、これは明らかにバグであり、Firefoxで試しても表示されません。
configureStore.js
//...
import soundsMiddleware from 'redux-sounds';
const soundsData = {
barks: {
urls: ['data/barkSprite.wav', 'data/barkSprite.mp3'],
sprite: {
shortBark: [0, 500],
longBark: [600, 1250]
}
}
};
const loadedSoundsMiddleware = soundsMiddleware(soundsData);
//...
export default function configureStore(initialState) {
const store = createStore(
rootReducer,
initialState,
compose(
applyMiddleware(thunk, router, logger, loadedSoundsMiddleware),
DevTools.instrument(),
persistState(
window.location.href.match(
/[?&]debug_session=([^&]+)\b/
)
)
)
);
//...
アクション.js
export const SHORT_BARK = 'SHORT_BARK';
export function shortBark() {
return {
type: SHORT_BARK,
meta: { sound: 'barks.shortBark' }
};
}
webpack.config.js
resolve: {
extensions: ['', '.js', '.jsx', '.scss', '.mp3'],
},
module: {
loaders: [
{
test: /\.mp3$/,
loader: 'file-loader'
},
]
}