summaryrefslogtreecommitdiff
path: root/animism-align/frontend/app/views/audio/audio.actions.js
diff options
context:
space:
mode:
Diffstat (limited to 'animism-align/frontend/app/views/audio/audio.actions.js')
-rw-r--r--animism-align/frontend/app/views/audio/audio.actions.js18
1 files changed, 10 insertions, 8 deletions
diff --git a/animism-align/frontend/app/views/audio/audio.actions.js b/animism-align/frontend/app/views/audio/audio.actions.js
index be9e7dc..86dd100 100644
--- a/animism-align/frontend/app/views/audio/audio.actions.js
+++ b/animism-align/frontend/app/views/audio/audio.actions.js
@@ -3,16 +3,8 @@ import { store, history, dispatch } from 'app/store'
import { URLS } from 'app/constants'
-// import actions from 'app/actions'
-// import { session } from 'app/session'
-
const audioPlayer = document.createElement('audio')
// audioPlayer.volume = 0.0
-audioPlayer.src = URLS.audio
-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 })
})
@@ -23,6 +15,16 @@ audioPlayer.addEventListener('timeupdate', () => {
dispatch({ type: types.audio.update_time, play_ts: audioPlayer.currentTime })
})
+export const load = () => dispatch => {
+ return new Promise((resolve, reject) => {
+ audioPlayer.addEventListener('loadedmetadata', () => {
+ // console.log('audio duration:', audioPlayer.duration)
+ dispatch({ type: types.align.set_display_setting, key: 'duration', value: audioPlayer.duration })
+ resolve()
+ })
+ audioPlayer.src = URLS.audio
+ })
+}
export const play = () => dispatch => {
audioPlayer.play()
}