diff options
Diffstat (limited to 'public/assets/js/lib/views/details/audioPlayer.js')
| -rw-r--r-- | public/assets/js/lib/views/details/audioPlayer.js | 11 |
1 files changed, 7 insertions, 4 deletions
diff --git a/public/assets/js/lib/views/details/audioPlayer.js b/public/assets/js/lib/views/details/audioPlayer.js index f31a8b3..8075dc7 100644 --- a/public/assets/js/lib/views/details/audioPlayer.js +++ b/public/assets/js/lib/views/details/audioPlayer.js @@ -8,7 +8,7 @@ const AudioPlayer = View.extend({ initialize: function () { this.$title = this.$(".title"); - this.icon_el = this.$(".icon").get(0); + this.button_el = this.$(".icon").get(0); this.pos_el = this.$(".pos").get(0); this.track_el = this.$(".track").get(0); this.dot_el = this.$(".dot").get(0); @@ -17,6 +17,7 @@ const AudioPlayer = View.extend({ this.mousedown = this.mousedown.bind(this); this.mousemove = this.mousemove.bind(this); this.mouseup = this.mouseup.bind(this); + this.toggle = this.toggle.bind(this); if (is_mobile) { this.pos_el.addEventListener("touchstart", (e) => @@ -46,6 +47,8 @@ const AudioPlayer = View.extend({ const track_left = this.pos_el.offsetLeft; this.down = true; this.mousex = (e.pageX - track_left) / this.track_el.offsetWidth; + this.dot_el.style.transform = + "translateX(" + this.mousex * this.track_el.offsetWidth + "px)"; }, mousemove: function (e, isTouch) { @@ -82,8 +85,8 @@ const AudioPlayer = View.extend({ this.$el.addClass("active"); } // if (index === music.length) return stop(); - if (!this.icon_el.classList.contains("active")) { - this.icon_el.classList.add("active"); + if (!this.button_el.classList.contains("active")) { + this.button_el.classList.add("active"); } this.onTimeUpdate(); @@ -93,7 +96,7 @@ const AudioPlayer = View.extend({ }, onPause: function () { - this.icon_el.classList.remove("active"); + this.button_el.classList.remove("active"); }, onStop: function () { |