From ac2ec39fd030392b9ca328cccea09f0701df2529 Mon Sep 17 00:00:00 2001
From: Eduard Urbach <e.urbach@gmail.com>
Date: Thu, 31 May 2018 16:38:46 +0900
Subject: [PATCH] Improved audio player UX (status messages)

---
 scripts/AudioPlayer.ts | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/scripts/AudioPlayer.ts b/scripts/AudioPlayer.ts
index 5ecb4992..6b8895c7 100644
--- a/scripts/AudioPlayer.ts
+++ b/scripts/AudioPlayer.ts
@@ -91,11 +91,17 @@ export default class AudioPlayer {
 			// without any error and also wouldn't work on audio source changes.
 			this.gainNode.connect(this.audioContext.destination)
 
+			// Show status message
+			this.arn.statusMessage.showInfo("Decoding audio...", -1)
+
 			this.audioContext.decodeAudioData(request.response, async buffer => {
 				if(currentPlayId !== this.playId) {
 					return
 				}
 
+				// Close status message
+				this.arn.statusMessage.showInfo(`Playing "${this.trackLink.textContent}"`)
+
 				// Mark as ready
 				this.audioPlayer.classList.add("decoded")
 
@@ -115,10 +121,22 @@ export default class AudioPlayer {
 			}, console.error)
 		}
 
+		request.onprogress = e => {
+			if(!e.lengthComputable) {
+				return
+			}
+
+			let progress = e.loaded / e.total * 100
+			this.arn.statusMessage.showInfo(`Loading audio...${progress.toFixed(1)}%`, -1)
+		}
+
 		request.onerror = () => {
 			this.arn.loading(false)
 		}
 
+		// Show status message
+		this.arn.statusMessage.showInfo("Loading audio...", -1)
+
 		this.lastRequest = request
 		request.send()