Added time label configurable params

kevkha · Dec 23, 2015 · 289f167 · 289f167
1 parent b93ec64
commit 289f167
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/example/timeline/index.html b/example/timeline/index.html
@@ -115,8 +115,9 @@ <h4>Options</h4>
                       <li><code>secondaryColor</code> - the color of the non-modulo-ten notch lines. The default is '#c0c0c0'.</li>
                       <li><code>primaryFontColor</code> - the color of the non-modulo-ten time labels (e.g. 10sec, 20sec). The default is '#000'.</li>
                       <li><code>primaryFontColor</code> - the color of the non-modulo-ten time labels (e.g. 5sec, 15sec). The default is '#c0c0c0'.</li>
-                      <li><code>fontFamily</code> - the font family for the time labels. The default is 'Arial'.</li>
-                      <li><code>fontSize</code> - the font size for the time labels. The default is 10.</li>
+                      <li><code>timeInterval</code> - number of intervals that records consists of. Usually it is equal to the duration in minutes.</li>
+                      <li><code>primaryLabelInterval</code> - number of primary time labels.</li>
+                      <li><code>secondaryLabelInterval</code> - number of secondary time labels (Time labels between primary labels).</li>
                     </ul>
                 </div>
             </div>

diff --git a/plugin/wavesurfer.timeline.js b/plugin/wavesurfer.timeline.js
@@ -34,6 +34,9 @@
             this.secondaryFontColor = this.params.secondaryFontColor || '#000';
             this.fontFamily = this.params.fontFamily || 'Arial';
             this.fontSize = this.params.fontSize || 10;
+            this.timeInterval = this.params.timeInterval;
+            this.primaryLabelInterval = this.params.primaryLabelInterval;
+            this.secondaryLabelInterval = this.params.secondaryLabelInterval;
 
             this.createWrapper();
             this.createCanvas();
@@ -157,6 +160,10 @@
                     var secondaryLabelInterval = 2;
                 }
 
+                timeInterval = this.timeInterval || timeInterval;
+                primaryLabelInterval = this.primaryLabelInterval || primaryLabelInterval;
+                secondaryLabelInterval = this.secondaryLabelInterval || secondaryLabelInterval;
+
                 var height1 = this.height - 4,
                     height2 = (this.height * (this.notchPercentHeight / 100.0)) - 4,
                     fontSize = this.fontSize * wsParams.pixelRatio;