Fixed the wave animation and added closing animation to it
parent
5f2c4394ca
commit
52179c6e45
|
|
@ -171,10 +171,20 @@ export default {
|
||||||
})
|
})
|
||||||
},
|
},
|
||||||
playNext () {
|
playNext () {
|
||||||
|
this.wavesurfer.container.style['height'] = '0%'
|
||||||
|
let map = this.wavesurfer.minimap.drawer.container
|
||||||
|
map.style['height'] = '0%'
|
||||||
|
window.setTimeout(() => {
|
||||||
this.playQueueItem(this.currentlyPlaying + 1)
|
this.playQueueItem(this.currentlyPlaying + 1)
|
||||||
|
}, 500)
|
||||||
},
|
},
|
||||||
playPrevious () {
|
playPrevious () {
|
||||||
|
this.wavesurfer.container.style['height'] = '0%'
|
||||||
|
let map = this.wavesurfer.minimap.drawer.container
|
||||||
|
map.style['height'] = '0%'
|
||||||
|
window.setTimeout(() => {
|
||||||
this.playQueueItem(this.currentlyPlaying - 1)
|
this.playQueueItem(this.currentlyPlaying - 1)
|
||||||
|
}, 500)
|
||||||
},
|
},
|
||||||
play () {
|
play () {
|
||||||
this.wavesurfer.play()
|
this.wavesurfer.play()
|
||||||
|
|
@ -250,7 +260,7 @@ section.player
|
||||||
top: 0
|
top: 0
|
||||||
bottom: 0
|
bottom: 0
|
||||||
margin: auto
|
margin: auto
|
||||||
transition: height 500ms ease ease
|
transition: height 500ms ease
|
||||||
height: 0px
|
height: 0px
|
||||||
width: 100%
|
width: 100%
|
||||||
z-index:
|
z-index:
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue