1 files changed, 40 insertions, 0 deletions
diff --git a/animism-align/frontend/app/views/audio/audio.actions.js b/animism-align/frontend/app/views/audio/audio.actions.js
new file mode 100644
index 0000000..bd256a4
--- /dev/null
+++ b/animism-align/frontend/app/views/audio/audio.actions.js
@@ -0,0 +1,40 @@
+import * as types from 'app/types'
+import { store, history, dispatch } from 'app/store'
+import actions from 'app/actions'
+import { session } from 'app/session'
+
+const audioPlayer = document.createElement('audio')
+audioPlayer.src = '/static/data_store/peaks/animismA080720.mp3'
+audioPlayer.addEventListener('loadedmetadata', () => {
+  console.log('audio duration:', audioPlayer.duration)
+  dispatch({ type: types.align.set_display_setting, key: 'duration', value: audioPlayer.duration })
+})
+audioPlayer.addEventListener('play', () => {
+  dispatch({ type: types.audio.play })
+})
+audioPlayer.addEventListener('pause', () => {
+  dispatch({ type: types.audio.pause })
+})
+audioPlayer.addEventListener('timeupdate', () => {
+  dispatch({ type: types.audio.update_time, play_ts: audioPlayer.currentTime })
+})
+
+export const play = () => dispatch => {
+  audioPlayer.play()
+}
+export const pause = () => dispatch => {
+  audioPlayer.pause()
+}
+export const seek = play_ts => dispatch => {
+  audioPlayer.currentTime = play_ts
+}
+export const jump = delta_ts => dispatch => {
+  audioPlayer.currentTime += delta_ts
+}
+export const toggle = () => dispatch => {
+  if (store.getState().audio.playing) {
+    pause()(dispatch)
+  } else {
+    play()(dispatch)
+  }
+}