player.js

import { Howl, Howler } from 'howler'
import { showError } from '@nextcloud/dialogs'

export let audioPlayer
audioPlayer = null

export function doPlay(episode) {
	const vm = this

	vm.$store.dispatch('isBuffering', true)

	if (audioPlayer !== null) {
		audioPlayer.fade(vm.player.volume, 0, 500)
	}
	vm.$store.dispatch('setTitle', episode.title)

	Howler.unload()
	audioPlayer = new Howl({
		src: episode.enclosure,
		html5: true,
		volume: vm.player.volume,
		onplay() {
			vm.$store.dispatch('isPlaying', true)
			vm.$store.dispatch('isBuffering', false)
		},
		onpause() {
			vm.$store.dispatch('isPlaying', false)
			vm.$store.dispatch('isBuffering', false)
		},
		onend() {
			showError(t('podcast', 'Lost connection to podcast station, retrying ...'))
			vm.$store.dispatch('isPlaying', false)
			vm.$store.dispatch('isBuffering', true)
		},
	})
	audioPlayer.unload()
	audioPlayer.play()
	audioPlayer.fade(0, vm.player.volume, 500)
}