MirrorMirror
/
funkwhale
mirror of https://dev.funkwhale.audio/funkwhale/funkwhale.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Enable stepless adjustment of the volume control slider

This commit is contained in:
Tony Wasserka 2021-09-10 19:03:32 +00:00 committed by Georg Krause
parent ee4d0928e4
commit 6114853445
2 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
changes/changelog.d/1294.bugfix Normal file
View File

@ -0,0 +1 @@
Enable stepless adjustment of the volume slider (!1294)

9
front/src/components/audio/VolumeControl.vue
View File

@ -29,9 +29,9 @@
<input <input
id="volume-slider" id="volume-slider"
type="range" type="range"
step="0.02" step="any"
min="0" min="0"
max="1" v-bind:max="volumeSteps"
v-model="sliderVolume" /> v-model="sliderVolume" />
</div> </div>
</button> </button>
@ -44,15 +44,16 @@ export default {
return { return {
expanded: false, expanded: false,
timeout: null, timeout: null,
volumeSteps: 100,
} }
}, },
computed: { computed: {
sliderVolume: { sliderVolume: {
get () { get () {
return this.$store.state.player.volume return this.$store.state.player.volume * this.volumeSteps;
}, },
set (v) { set (v) {
this.$store.commit("player/volume", v) this.$store.commit("player/volume", v / this.volumeSteps)
} }
}, },
labels () { labels () {