diff --git a/src/components/Main.vue b/src/components/Main.vue
index 4be76ac..1f52a01 100644
--- a/src/components/Main.vue
+++ b/src/components/Main.vue
@@ -48,7 +48,7 @@ import axios from '@nextcloud/axios'
 import Navigation from './Navigation'
 import Table from './Table'
 
-import { Howl } from 'howler'
+import { Howl, Howler } from 'howler'
 
 let audioPlayer = null
 
@@ -171,6 +171,7 @@ export default {
 			} else {
 				stationSrc = station.url_resolved
 			}
+			Howler.unload()
 			audioPlayer = new Howl({
 				src: stationSrc,
 				volume: vm.player.volume,
@@ -196,7 +197,6 @@ export default {
 					vm.$store.dispatch('isBuffering', false)
 				},
 			})
-			audioPlayer.unload()
 			audioPlayer.play()
 			audioPlayer.fade(0, vm.player.volume, 500)