Method updateInputs

web/src/components/player/danmuPlugins.ts:397–443

()

  }

  private updateInputs() {
    if (!this.panel) {
      return;
    }
    if (this.textColorInput) {
      this.textColorInput.value = this.currentSettings.color;
    }
    if (this.strokeColorInput) {
      this.strokeColorInput.value = this.currentSettings.strokeColor;
    }
    if (this.fontSizeSlider) {
      const numericFont = parseInt(this.currentSettings.fontSize, 10);
      this.fontSizeSlider.value = String(Math.min(30, Math.max(14, numericFont)));
      const fontLabel = this.panel.querySelector<HTMLSpanElement>('.font-size-value');
      if (fontLabel) {
        fontLabel.textContent = `${Math.min(30, Math.max(14, numericFont))}px`;
      }
      this.updateSliderVisual(this.fontSizeSlider);
    }
    if (this.durationSlider) {
      const durationValue = Math.min(20000, Math.max(3000, this.currentSettings.duration));
      this.durationSlider.value = String(durationValue);
      const speedLabel = this.panel.querySelector<HTMLSpanElement>('.speed-value');
      if (speedLabel) {
        speedLabel.textContent = this.formatDurationLabel(durationValue);
      }
      this.updateSliderVisual(this.durationSlider);
    }
    if (this.areaSlider) {
      const areaValue = sanitizeDanmuArea(this.currentSettings.area);
      this.areaSlider.value = String(areaValue);
      const areaLabel = this.panel.querySelector<HTMLSpanElement>('.area-value');
      if (areaLabel) {
        areaLabel.textContent = this.formatAreaLabel(areaValue);
      }
      this.updateSliderVisual(this.areaSlider);
    }
    if (this.opacitySlider) {
      const opacityValue = sanitizeDanmuOpacity(this.currentSettings.opacity);
      this.opacitySlider.value = String(opacityValue);
      const opacityLabel = this.panel.querySelector<HTMLSpanElement>('.opacity-value');
      if (opacityLabel) {
        opacityLabel.textContent = this.formatOpacityLabel(opacityValue);
      }
      this.updateSliderVisual(this.opacitySlider);
    }
  }

  private formatDurationLabel(value: number): string {
    const clamped = Math.min(20000, Math.max(3000, value));