add bar height parameter (#1020)

* add barHeight parameter * Update drawer.multicanvas.js * Update drawer.canvas.js
katspaugh · Aug 20, 2017 · 49fc6d9 · 49fc6d9
1 parent 1c346ff
commit 49fc6d9
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/drawer.multicanvas.js b/src/drawer.multicanvas.js
@@ -259,7 +259,7 @@ export default class MultiCanvas extends Drawer {
             const gap = Math.max(this.params.pixelRatio, ~~(bar / 2));
             const step = bar + gap;
 
-            let absmax = 1;
+            let absmax = 1 / this.params.barHeight;
             if (this.params.normalize) {
                 const max = util.max(peaks);
                 const min = util.min(peaks);
@@ -321,7 +321,7 @@ export default class MultiCanvas extends Drawer {
             const offsetY = height * channelIndex || 0;
             const halfH = height / 2;
 
-            let absmax = 1;
+            let absmax = 1 / this.params.barHeight;
             if (this.params.normalize) {
                 const max = util.max(peaks);
                 const min = util.min(peaks);

diff --git a/src/wavesurfer.js b/src/wavesurfer.js
@@ -27,6 +27,7 @@ import PeakCache from './peakcache';
  * @property {string} backend='WebAudio' `'WebAudio'|'MediaElement'` In most cases
  * you don't have to set this manually. MediaElement is a fallback for
  * unsupported browsers.
+ * @property {number} barHeight=1 The height of the wave
  * @property {boolean} closeAudioContext=false Close and nullify all audio
  * contexts when the destroy method is called.
  * @property {!string|HTMLElement} container CSS selector or HTML element where
@@ -172,6 +173,7 @@ export default class WaveSurfer extends util.Observer {
         audioRate     : 1,
         autoCenter    : true,
         backend       : 'WebAudio',
+        barHeight     : 1,
         container     : null,
         cursorColor   : '#333',
         cursorWidth   : 1,