From b3b3c442b8c0aa90bcba1a71754fe286bcddc0ce Mon Sep 17 00:00:00 2001
From: Hitsuki9 <31876031+Hitsuki9@users.noreply.github.com>
Date: Wed, 25 Sep 2019 19:16:13 +0800
Subject: [PATCH] fix: loaded bar length (#289)

---
 src/js/player.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/js/player.js b/src/js/player.js
index ce2c232..088a0c8 100644
--- a/src/js/player.js
+++ b/src/js/player.js
@@ -149,6 +149,10 @@ class APlayer {
         });
 
         // show audio loaded bar: to inform interested parties of progress downloading the media
+        this.on('canplay', () => {
+            const percentage = this.audio.buffered.length ? this.audio.buffered.end(this.audio.buffered.length - 1) / this.duration : 0;
+            this.bar.set('loaded', percentage, 'width');
+        });
         this.on('progress', () => {
             const percentage = this.audio.buffered.length ? this.audio.buffered.end(this.audio.buffered.length - 1) / this.duration : 0;
             this.bar.set('loaded', percentage, 'width');