player.js

/*
 * @copyright Copyright (c) 2021 Jonas Heinrich <onny@project-insanity.org>
 *
 * @author Jonas Heinrich <onny@project-insanity.org>
 *
 * @license GNU AGPL version 3 or any later version
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program. If not, see <http://www.gnu.org/licenses/>.
 *
 */

import axios from '@nextcloud/axios'
import { generateUrl } from '@nextcloud/router'
import { Player } from './../services/Player'
const player = new Player()
const requesttoken = axios.defaults.headers.requesttoken

export default {
	state: {
		isPlaying: false,
		isBuffering: false,
		isMute: false,
		isPaused: false,
		volume: 0.5,
		oldVolume: 0,
		title: '',
		episodePlaying: null,
		image: '',
		episodeId: null,
	},
	getters: {
		episodeTitle: state => {
			return state.title
		},
		episodeImage: state => {
			return state.image
		},
		isPlaying: state => (id) => {
			return state.episodeId === id
		},
	},
	mutations: {
		isPlaying(state, playerState) {
			state.isPlaying = playerState
		},
		isBuffering(state, bufferingState) {
			state.isBuffering = bufferingState
		},
		changeVolume(state, volume) {
			state.volume = volume
		},
		toggleMute(state) {
			if (state.isMute) {
				state.volume = state.oldVolume
				state.isMute = false
			} else {
				state.oldVolume = state.volume
				state.volume = 0
				state.isMute = true
			}
		},
		togglePlay(state) {
			if (state.isPlaying) {
				state.isPlaying = false
				state.isPaused = true
			} else {
				state.isPlaying = true
				state.isPaused = false
			}
		},
		setTitle(state, title) {
			state.title = title
		},
		setVolumeState(state, volumeState) {
			axios.defaults.headers.requesttoken = requesttoken
			axios.post(generateUrl('/apps/podcast/settings/volumeState'), {
				volumeState,
			})
		},
		getVolumeState(state) {
			axios.defaults.headers.requesttoken = requesttoken
			axios
				.get(generateUrl('/apps/podcast/settings/volumeState'))
				.then(async response => {
					const {
						data: { volumeState: value },
					} = response
					state.volume = value
				})
		},
		setBuffering(state, bufferingState) {
			state.isBuffering = bufferingState
		},
		setImage(state, image) {
			state.image = image
		},
		setEpisodeId(state, episodeId) {
			state.episodeId = episodeId
		},
	},
	actions: {
		setPlaying(context, playerState) {
			context.commit('isPlaying', playerState)
		},
		setBuffering(context, bufferingState) {
			context.commit('isBuffering', bufferingState)
		},
		setVolume(context, volume) {
			context.commit('changeVolume', volume)
		},
		toggleMute(context) {
			context.commit('toggleMute')
		},
		togglePlay(context) {
			context.commit('togglePlay')
		},
		setVolumeState(context, volumeState) {
			context.commit('setVolumeState', volumeState)
		},
		getVolumeState(context) {
			context.commit('getVolumeState')
		},
		playEpisode(context, episode) {
			console.log(episode)
			context.commit('setBuffering', true)
			context.commit('setTitle', episode.title)
			context.commit('setImage', episode.imgURL)
			context.commit('setEpisodeId', episode.id)
			player.doPlay(episode.enclosure)
		},
	},
}