Merge pull request #127 from kyv001/reverse-spectrum-setting

feat: 频谱频率方向设置

Author: imsyy

src/components/player/FullPlayer/BottomSpectrum.vue

@@ -102,9 +102,15 @@ const draw = (): void => {
   }
   // 直接写入预分配缓冲区，避免 RAF 热路径产生临时数组
   const channelLength = FFT_SIZE - SKIP_LOW;
+  const reverse = settings.player.reverseSpectrum;
   for (let i = 0; i < channelLength; i++) {
-    stereoDisplay[i] = display[0][FFT_SIZE - 1 - i];
-    stereoDisplay[channelLength + i] = display[1][SKIP_LOW + i];
+    if (reverse) {
+      stereoDisplay[channelLength + i] = display[0][FFT_SIZE - 1 - i];
+      stereoDisplay[i] = display[1][SKIP_LOW + i];
+    } else {
+      stereoDisplay[i] = display[0][FFT_SIZE - 1 - i];
+      stereoDisplay[channelLength + i] = display[1][SKIP_LOW + i];
+    }
   }
 
   const cssWidth = canvas.clientWidth;

src/i18n/locales/en-US.json

@@ -855,6 +855,10 @@
       "label": "Bar Width",
       "description": "Smaller values give thinner, denser bars"
     },
+    "reverseSpectrum": {
+      "label": "Reverse Spectrum",
+      "description": "When enabled, the frequency of the bars decreases from the center toward the sides; otherwise it increases."
+    },
     "lyricSourcePreference": {
       "label": "Lyric Source Preference",
       "description": "Platform priority when matching online lyrics",

src/i18n/locales/zh-CN.json

@@ -843,6 +843,10 @@
       "label": "频谱条宽度",
       "description": "数值越小柱条越细越密"
     },
+    "reverseSpectrum": {
+      "label": "频谱反向",
+      "description": "启用后频率从中间向两侧递减，否则递增"
+    },
     "lyricSourcePreference": {
       "label": "歌词来源偏好",
       "description": "匹配在线歌词时的平台优先级",

src/settings/categories/player.ts

@@ -260,6 +260,12 @@ const playerCategory: SettingCategory = {
               defaultValue: 4,
               marks: { 1: "1", 4: "4", 8: "8", 12: "12" },
             },
+            {
+              key: "reverseSpectrum",
+              type: "switch",
+              binding: { store: "settings", path: "player.reverseSpectrum" },
+              defaultValue: false,
+            },
           ],
         },
       ],

src/stores/settings.ts

@@ -64,6 +64,7 @@ export const useSettingsStore = defineStore(
       pauseOnDeviceSwitch: false,
       enableSpectrum: false,
       spectrumBarWidth: 4,
+      reverseSpectrum: false,
       songLevel: "hq",
       allowTrialPlay: false,
       timeFormat: "current-total",

src/types/settings.ts

@@ -182,6 +182,8 @@ export interface PlayerSettings {
   enableSpectrum: boolean;
   /** 频谱单条宽度（px） */
   spectrumBarWidth: number;
+  /** 是否反转频谱方向（启用后低频位于频谱两端） */
+  reverseSpectrum: boolean;
   /** 在线歌曲音质偏好；实际可用级别取决于账号权限 */
   songLevel: QualityLevel;
   /** 允许完整音源不可用时播放试听片段 */