let audioElement: HTMLAudioElement | null = document.querySelector('#audio');
let canvasElement: HTMLCanvasElement | null = document.querySelector('#canvas');
if (audioElement && canvasElement) {
let wave = new Wave(audioElement, canvasElement, true);
wave.addAnimation(
new wave.animations.Lines({
lineWidth: 3,
lineColor: 'white',
count: 100,
rounded: true,
center: true,
mirroredY: true
})
);
}
When the lines are inactive they are rounded to a circle, but when extended they lose the rounded corners and return to hard lines.
Here is my code: