Как мне написать программу JavaScript для отображения формы сигнала из аудиофайла? Я хочу использовать Web Audio и Canvas.

Я попробовал этот код:

(new window.AudioContext).decodeAudioData(audioFile, function (data) {
   var channel = data.getChannelData(0);
   for (var i = 0; i < channel; i++) {
       canvas.getContext('2d').fillRect(i, 1, 40 - channel[i], 40);
   }
});

Но результат далек от того, что я хочу (а именно, изображение не является плавным, поскольку я рисую прямоугольниками). Я хочу, чтобы это выглядело гладко, как это изображение:

Любые советы о том, как реализовать форму волны?