Add option for logarithmic volume scaling

Introduces a user setting to enable logarithmic (quadratic) volume scaling for more natural audio perception.

client/components/modals/PlayerSettingsModal.vue

@@ -8,6 +8,12 @@
           <span>{{ $strings.LabelUseChapterTrack }}</span>
         </div>
       </div>
+      <div class="flex items-center mb-4">
+        <ui-toggle-switch v-model="useLogarithmicVolume" @input="setUseLogarithmicVolume" />
+        <div class="pl-4">
+          <span>{{ $strings.LabelUseLogarithmicVolume }}</span>
+        </div>
+      </div>
       <div class="flex items-center mb-4">
         <ui-select-input v-model="jumpForwardAmount" :label="$strings.LabelJumpForwardAmount" menuMaxHeight="250px" :items="jumpValues" @input="setJumpForwardAmount" />
       </div>
@@ -29,6 +35,7 @@ export default {
   data() {
     return {
       useChapterTrack: false,
+      useLogarithmicVolume: true,
       jumpValues: [
         { text: this.$getString('LabelTimeDurationXSeconds', ['10']), value: 10 },
         { text: this.$getString('LabelTimeDurationXSeconds', ['15']), value: 15 },
@@ -57,6 +64,9 @@ export default {
     setUseChapterTrack() {
       this.$store.dispatch('user/updateUserSettings', { useChapterTrack: this.useChapterTrack })
     },
+    setUseLogarithmicVolume() {
+      this.$store.dispatch('user/updateUserSettings', { useLogarithmicVolume: this.useLogarithmicVolume })
+    },
     setJumpForwardAmount(val) {
       this.jumpForwardAmount = val
       this.$store.dispatch('user/updateUserSettings', { jumpForwardAmount: val })
@@ -71,6 +81,7 @@ export default {
     },
     settingsUpdated() {
       this.useChapterTrack = this.$store.getters['user/getUserSetting']('useChapterTrack')
+      this.useLogarithmicVolume = this.$store.getters['user/getUserSetting']('useLogarithmicVolume')
       this.jumpForwardAmount = this.$store.getters['user/getUserSetting']('jumpForwardAmount')
       this.jumpBackwardAmount = this.$store.getters['user/getUserSetting']('jumpBackwardAmount')
       this.playbackRateIncrementDecrement = this.$store.getters['user/getUserSetting']('playbackRateIncrementDecrement')

client/players/LocalAudioPlayer.js

@@ -290,7 +290,9 @@ export default class LocalAudioPlayer extends EventEmitter {
 
   setVolume(volume) {
     if (!this.player) return
-    this.player.volume = volume
+    const useLogarithmicVolume = this.ctx.$store.getters['user/getUserSetting']('useLogarithmicVolume')
+    // Apply quadratic curve for more natural volume perception if enabled
+    this.player.volume = useLogarithmicVolume ? volume * volume : volume
   }
 
   // Utils

client/store/user.js

@@ -18,7 +18,8 @@ export const state = () => ({
     authorSortBy: 'name',
     authorSortDesc: false,
     jumpForwardAmount: 10,
-    jumpBackwardAmount: 10
+    jumpBackwardAmount: 10,
+    useLogarithmicVolume: false
   }
 })
 

client/strings/en-us.json

@@ -712,6 +712,7 @@
   "LabelUploaderItemFetchMetadataHelp": "Automatically fetch title, author, and series",
   "LabelUseAdvancedOptions": "Use Advanced Options",
   "LabelUseChapterTrack": "Use chapter track",
+  "LabelUseLogarithmicVolume": "Natural volume scaling",
   "LabelUseFullTrack": "Use full track",
   "LabelUseZeroForUnlimited": "Use 0 for unlimited",
   "LabelUser": "User",