How to create a straight line with x height? [SOLVED]

[Stianlars1]

I'm trying to create a straight line, nothing special

From the image you can see where the audio cuts off. And i dont want that.

Exepcted output: no thin line at the very first second, and no thin line at the second half. Just a big straight line.

My settings used:

    // Some color changes and stuff
        waveColor: isDarkmode
      ? DEFAULT_WAVE_COLOR_DARK_MODE
      : DEFAULT_WAVE_COLOR_LIGHT_MODE,
    progressColor: isDarkmode
      ? DEFAULT_PROGRESS_COLOR_DARK_MODE
      : DEFAULT_PROGRESS_COLOR_LIGHT_MODE,
    cursorColor: isDarkmode
      ? DEFAULT_PROGRESS_COLOR_DARK_MODE
      : DEFAULT_PROGRESS_COLOR_LIGHT_MODE,
      
       
    height: 10,
    barWidth: 0,
    barGap: 0,
    barRadius: 0,
    peaks: [0, 0],  // i thought this would do the trick, have also tried [[0], [0]]
    dragToSeek: true,
    autoplay: false,
    normalize: false,
    hideScrollbar: true,
    interact: true,
    barHeight: 10000000, // i thought this would do the trick

I could fix this with CSS, but there must be some easy way to fix this with just the options, right?

Im all ears @katspaugh 🚀

[katspaugh]

You can do something like this:

peaks: Array(10000).fill(0),

[Stianlars1]

Can't really pin-point the exact solution, but somehow i got it working with these options:

    height: 10,
    barWidth: 10,
    barGap: 0.00000001,
    barRadius: 0,
    dragToSeek: true,
    autoplay: false,
    normalize: false,
    hideScrollbar: true,
    interact: true,
    barHeight: 100000,

So by not passing in a peaks array it somehow worked 👀

[katspaugh]

Just keep in mind this would be somewhat slower than passing empty peaks as it would still decode and render the waveform, just stretched 100k times to the point of clipping to a square.