é possível despachar uma ação no próprio redutor? Eu tenho uma barra de progresso e um elemento de áudio. O objetivo é atualizar a barra de progresso quando a hora for atualizada no elemento de áudio. Mas não sei onde colocar o manipulador de eventos ontimeupdate ou como despachar uma ação no retorno de chamada de ontimeupdate para atualizar a barra de progresso. Aqui está o meu código:
//reducer
const initialState = {
audioElement: new AudioElement('test.mp3'),
progress: 0.0
}
initialState.audioElement.audio.ontimeupdate = () => {
console.log('progress', initialState.audioElement.currentTime/initialState.audioElement.duration);
//how to dispatch 'SET_PROGRESS_VALUE' now?
};
const audio = (state=initialState, action) => {
switch(action.type){
case 'SET_PROGRESS_VALUE':
return Object.assign({}, state, {progress: action.progress});
default: return state;
}
}
export default audio;
AudioElement
? Parece que isso não deveria ser algo no estado.