tilderadio
/
AzuraCast
mirror of https://github.com/AzuraCast/AzuraCast.git
4
0
Fork 0
Code Issues Releases Wiki Activity

Prevent volume/mute status from propagating across open tabs.

This commit is contained in:
Buster Neece 2023-01-09 23:07:09 -06:00
parent a6519f6f83
commit 20a9439f64
No known key found for this signature in database
GPG Key ID: F1D2E64A0005E80E
2 changed files with 14 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/vue/components/InlinePlayer.vue
View File

@ -69,7 +69,7 @@ import AudioPlayer from '~/components/Common/AudioPlayer.vue';
import formatTime from '~/functions/formatTime.js';
import Icon from '~/components/Common/Icon.vue';
import {usePlayerStore} from "~/store.js";
import {useStorage} from "@vueuse/core";
import {useLocalStorage} from "@vueuse/core";
import {computed, ref, toRef} from "vue";
import MuteButton from "~/components/Common/MuteButton.vue";
@ -77,8 +77,12 @@ const store = usePlayerStore();
const isPlaying = toRef(store, 'isPlaying');
const current = toRef(store, 'current');
const volume = useStorage('player_volume', 55);
const isMuted = useStorage('player_is_muted', false);
const volume = useLocalStorage('player_volume', 55, {
listenToStorageChanges: false
});
const isMuted = useLocalStorage('player_is_muted', false, {
listenToStorageChanges: false
});
const $player = ref(); // AudioPlayer
const duration = computed(() => {

10
frontend/vue/components/Public/Player.vue
View File

@ -146,7 +146,7 @@
import AudioPlayer from '~/components/Common/AudioPlayer';
import PlayButton from "~/components/Common/PlayButton";
import {computed, onMounted, ref, shallowRef, watch} from "vue";
import {useStorage} from "@vueuse/core";
import {useLocalStorage} from "@vueuse/core";
import formatTime from "~/functions/formatTime";
import {useTranslate} from "~/vendor/gettext";
import useNowPlaying from "~/functions/useNowPlaying";
@ -240,8 +240,12 @@ const currentTimeTotalDisplay = computed(() => {
const $player = ref(); // Template ref
const volume = useStorage('player_volume', 55);
const isMuted = useStorage('player_is_muted', false);
const volume = useLocalStorage('player_volume', 55, {
listenToStorageChanges: false
});
const isMuted = useLocalStorage('player_is_muted', false, {
listenToStorageChanges: false
});
const toggleMute = () => {
isMuted.value = !isMuted.value;