fix howler instance unloading before playing

src/components/Main.vue

@@ -40,28 +40,9 @@
 						No stations were found matching your search term
 					</template>
 				</EmptyContent>
+				<Sidebar />
 			</template>
 		</AppContent>
-		<AppSidebar v-show="showSidebar"
-			:title="sidebarStation.name"
-			:subtitle="stationTags"
-			@close="showSidebar=false">
-			<div>
-				<h3><span class="icon-tag" /> {{ t('radio', 'Stream URL') }}</h3>
-				<Multiselect
-					class="sidebar__tags"
-					:value="tags"
-					:auto-limit="false"
-					:limit="7"
-					:options="allTags"
-					:multiple="true"
-					:taggable="true"
-					:placeholder="t('bookmarks', 'Select tags and create new ones')"
-					:disabled="!isEditable"
-					@input="onTagsChange"
-					@tag="onAddTag" />
-			</div>
-		</AppSidebar>
 	</Content>
 </template>
 
@@ -71,16 +52,16 @@ import AppContent from '@nextcloud/vue/dist/Components/AppContent'
 import Breadcrumbs from '@nextcloud/vue/dist/Components/Breadcrumbs'
 import Breadcrumb from '@nextcloud/vue/dist/Components/Breadcrumb'
 import EmptyContent from '@nextcloud/vue/dist/Components/EmptyContent'
-import AppSidebar from '@nextcloud/vue/dist/Components/AppSidebar'
-import AppSidebarTab from '@nextcloud/vue/dist/Components/AppSidebarTab'
-import Navigation from './Navigation'
-import Table from './Table'
-import { Howl } from 'howler'
-
-import { generateUrl } from '@nextcloud/router'
+import generateUrl from '@nextcloud/router'
 import { showError } from '@nextcloud/dialogs'
 import axios from '@nextcloud/axios'
 
+import Navigation from './Navigation'
+import Sidebar from './Sidebar'
+import Table from './Table'
+
+import Howl from 'howler'
+
 let audioPlayer = null
 
 export default {
@@ -93,8 +74,7 @@ export default {
 		Breadcrumb,
 		Table,
 		EmptyContent,
-		AppSidebar,
-		AppSidebarTab,
+		Sidebar,
 	},
 	data: () => ({
 		tableData: [],
@@ -231,6 +211,7 @@ export default {
 					vm.$store.dispatch('isBuffering', false)
 				},
 			})
+			audioPlayer.unload()
 			audioPlayer.play()
 			audioPlayer.fade(0, vm.player.volume, 500)
 

src/components/Sidebar.vue

@@ -0,0 +1,28 @@
+<template>
+	<AppSidebar v-show="showSidebar"
+		:title="sidebarStation.name"
+		:subtitle="stationTags"
+		@close="showSidebar=false">
+		<input type="text" :value="sidebarStation.url_resolved" disabled="disabled">
+		<Actions>
+			<ActionButton icon="icon-clippy" @click="copyLink( { url: shareUrl(share) })">
+				{{ t('radio', 'Copy link to clipboard') }}
+			</ActionButton>
+		</Actions>
+	</AppSidebar>
+</template>
+
+<script>
+import AppSidebar from '@nextcloud/vue/dist/Components/AppSidebar'
+import Actions from '@nextcloud/vue/dist/Components/Actions'
+import ActionButton from '@nextcloud/vue/dist/Components/ActionButton'
+
+export default {
+	name: 'Sidebar',
+	components: {
+		AppSidebar,
+		Actions,
+		ActionButton,
+	},
+}
+</script>