Waveform playerbar improvements (#1781)

* Defer waveform loading & show default seek bar as fallback * Add configurable waveform loading delay * Add 2s default value for waveform loading delay * disable transcoding config on waveform url --------- Co-authored-by: jeffvli <jeffvictorli@gmail.com>
2026-06-16 08:24:16 +02:00 · 2026-03-24 18:06:25 +01:00
parent f91dcc6af6
commit 816adfa6c7
4 changed files with 50 additions and 25 deletions
@@ -477,6 +477,36 @@ export const ControlSettings = memo(() => {
                          postProcess: 'sentenceCase',
                      }),
                  },
+                  {
+                      control: (
+                          <NumberInput
+                              defaultValue={playerbarSlider?.loadingDelay ?? 2}
+                              max={30}
+                              min={0}
+                              onBlur={(e) => {
+                                  setSettings({
+                                      general: {
+                                          ...settings,
+                                          playerbarSlider: {
+                                              ...playerbarSlider,
+                                              loadingDelay: e.currentTarget.value
+                                                  ? Number(e.currentTarget.value)
+                                                  : 2,
+                                          },
+                                      },
+                                  });
+                              }}
+                              rightSection={<Text size="sm">s</Text>}
+                              width={75}
+                          />
+                      ),
+                      description: t('setting.waveformLoadingDelay', {
+                          context: 'description',
+                          postProcess: 'sentenceCase',
+                      }),
+                      isHidden: false,
+                      title: t('setting.waveformLoadingDelay', { postProcess: 'sentenceCase' }),
+                  },
              ]
            : []),
    ];