@checksub_team/peaks_timeline 1.4.19 → 1.4.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@checksub_team/peaks_timeline",
-  "version": "1.4.19",
+  "version": "1.4.23",
   "description": "JavaScript UI component for displaying audio waveforms",
   "main": "./peaks.js",
   "types": "./peaks.js.d.ts",

package/peaks.js

@@ -15989,17 +15989,17 @@ module.exports = function (Utils) {
     };
     Player.prototype.play = function () {
         if (!this._playInterval) {
-            var prevTime = Date.now();
+            var prevTime = performance.now();
             var time;
             var self = this;
             this._isPlaying = true;
             this._peaks.overrideInteractions(true, false);
             this._playInterval = setInterval(function () {
-                time = Date.now();
+                time = performance.now();
                 self._currentTime += (time - prevTime) / 1000 * self._speed;
                 prevTime = time;
                 self._peaks.emit('timeline.update', self._currentTime);
-            }, 10);
+            }, 20);
             this._peaks.emit('timeline.play', this._currentTime);
         }
     };
@@ -16621,7 +16621,7 @@ module.exports = function (Utils) {
         }
         if (options.endTime < 0) {
             options.endTime = 0;
-        } else if (options.endTime < options.startTime + peaks.options.minSegmentSize) {
+        } else if (options.endTime - options.startTime < peaks.options.minSegmentSize) {
             options.endTime = options.startTime + peaks.options.minSegmentSize;
         }
         options.startTime = Utils.roundTime(options.startTime);

package/src/player.js

@@ -66,7 +66,7 @@ define([
 
   Player.prototype.play = function() {
     if (!this._playInterval) {
-      var prevTime = Date.now();
+      var prevTime = performance.now();
       var time;
       var self = this;
 
@@ -75,11 +75,11 @@ define([
       this._peaks.overrideInteractions(true, false);
 
       this._playInterval = setInterval(function() {
-        time = Date.now();
+        time = performance.now();
         self._currentTime += ((time - prevTime) / 1000) * self._speed;
         prevTime = time;
         self._peaks.emit('timeline.update', self._currentTime);
-      }, 10);
+      }, 20);
 
       this._peaks.emit('timeline.play', this._currentTime);
     }

package/src/segment.js

@@ -24,7 +24,6 @@ define([
 
     options.startTime = Utils.roundTime(options.startTime);
     options.endTime = Utils.roundTime(options.endTime);
-
     if (options.startTime < 0) {
       options.startTime = 0;
     }
@@ -32,20 +31,13 @@ define([
     if (options.endTime < 0) {
       options.endTime = 0;
     }
-    else if (options.endTime < options.startTime + peaks.options.minSegmentSize) {
+    else if (options.endTime - options.startTime < peaks.options.minSegmentSize) {
       options.endTime = options.startTime + peaks.options.minSegmentSize;
     }
 
     options.startTime = Utils.roundTime(options.startTime);
     options.endTime = Utils.roundTime(options.endTime);
 
-    // if (options.endTime <= options.startTime) {
-    //   // eslint-disable-next-line max-len
-    //   throw new RangeError(
-    //     'peaks.segments.' + context + ': endTime should be greater than startTime'
-    //   );
-    // }
-
     if (options.opacity < 0 || options.opacity > 1) {
       // eslint-disable-next-line max-len
       throw new RangeError('peaks.segments.' + context + ': opacity should be between 0 and 1');

package/src/segments-group.js

@@ -508,7 +508,11 @@ define([
             }
 
             if (previousSegment.endTime !== newStartTime) {
-              newXs = this.manageCollision(previousSegment, this._view.timeToPixels(previousSegment.startTime), this._view.timeToPixels(newStartTime));
+              newXs = this.manageCollision(
+                previousSegment,
+                this._view.timeToPixels(previousSegment.startTime),
+                this._view.timeToPixels(newStartTime)
+              );
 
               if (newXs.startX !== null) {
                 previousSegment.startTime = this._view.pixelsToTime(newXs.startX);
@@ -562,7 +566,11 @@ define([
             }
 
             if (nextSegment.startTime !== newEndTime) {
-              newXs = this.manageCollision(nextSegment, this._view.timeToPixels(newEndTime), this._view.timeToPixels(nextSegment.endTime));
+              newXs = this.manageCollision(
+                nextSegment,
+                this._view.timeToPixels(newEndTime),
+                this._view.timeToPixels(nextSegment.endTime)
+              );
 
               if (newXs.startX !== null) {
                 nextSegment.startTime = this._view.pixelsToTime(newXs.startX);