bugfix: minor ui

Author: lanly-dev

README.md

@@ -5,8 +5,16 @@ This is an extension that plays and displays spectrograms of mp3 and flac audio
 
 ## Release Notes
 
+### 3.0.0
+- Added support for `WAV`
+- Added seekbar
+- Added color configuration
+- Fixed bugs
+- Improved treeview
+- New logo and icon
+
 ### 2.0.0
-- Added `flac` support
+- Added support for `FLAC`
 - Added 5-second seeking buttons
 - Greatly reduced extension size
 
@@ -17,7 +25,7 @@ This is an extension that plays and displays spectrograms of mp3 and flac audio
 - Refactored code
 
 ### 1.0.1
-- Fixed path issue for MacOS
+- Fixed path issue for macOS
 
 ### 1.0.0
 - Initial release of Spectrogram

src/controller.js

@@ -133,12 +133,15 @@ const REFRESH_ICON = '<i class="codicon codicon-refresh"></i>'
       source.connect(audioCtx.destination)
       source.connect(analyser)
       source.onended = playEnd
-      if (audioCtx.state === 'running') draw()
-      source.start()
 
+      if (audioCtx.state === 'running') {
+        draw()
+        togglePlaybackButtons('PLAYING')
+      } else togglePlaybackButtons('READY')
+
+      source.start()
       startAt = Date.now()
       durationWatch()
-      togglePlaybackButtons('READY')
       seekbar.value = '0'
       seekbar.max = lengthMs.toString()
     }
@@ -231,10 +234,9 @@ const REFRESH_ICON = '<i class="codicon codicon-refresh"></i>'
     }
 
     function durationWatch() {
-      if (audioCtx.state === 'running') {
-        updateDurationText()
-        durationId = setTimeout(durationWatch, 1000)
-      }
+      if (audioCtx.state !== 'running') return
+      updateDurationText()
+      durationId = setTimeout(durationWatch, 1000)
     }
 
     function updateDurationText() {