From 28bdef87320412776ff0db071f8ab89a51834cac Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Thu, 23 Jul 2020 19:18:31 +0200 Subject: arrows and tmp volume icon --- animism-align/frontend/app/views/audio/audio.actions.js | 8 ++++++++ animism-align/frontend/app/views/audio/audio.reducer.js | 6 ++++++ 2 files changed, 14 insertions(+) (limited to 'animism-align/frontend/app/views/audio') diff --git a/animism-align/frontend/app/views/audio/audio.actions.js b/animism-align/frontend/app/views/audio/audio.actions.js index bd256a4..c12f7ee 100644 --- a/animism-align/frontend/app/views/audio/audio.actions.js +++ b/animism-align/frontend/app/views/audio/audio.actions.js @@ -38,3 +38,11 @@ export const toggle = () => dispatch => { play()(dispatch) } } +export const toggleMuted = () => dispatch => { + if (store.getState().audio.muted) { + audioPlayer.muted = false + } else { + audioPlayer.muted = true + } + dispatch({ type: types.audio.toggle_muted }) +} diff --git a/animism-align/frontend/app/views/audio/audio.reducer.js b/animism-align/frontend/app/views/audio/audio.reducer.js index 6149ca6..09ce6ce 100644 --- a/animism-align/frontend/app/views/audio/audio.reducer.js +++ b/animism-align/frontend/app/views/audio/audio.reducer.js @@ -4,6 +4,7 @@ import { session, getDefault, getDefaultInt } from 'app/session' const initialState = { playing: false, play_ts: 0, + muted: false, } export default function alignReducer(state = initialState, action) { @@ -24,6 +25,11 @@ export default function alignReducer(state = initialState, action) { ...state, play_ts: action.play_ts, } + case types.audio.toggle_muted: + return { + ...state, + muted: !state.muted, + } default: return state } -- cgit v1.2.3-70-g09d2