timingsrc 1.2.7 → 1.2.9

package/build/es2019/factories/set-timingsrc-with-custom-update-function.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"set-timingsrc-with-custom-update-function.d.ts","sourceRoot":"","sources":["../../../src/factories/set-timingsrc-with-custom-update-function.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,iCAAiC,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC9E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAEvE,eAAO,MAAM,0CAA0C,mBACnC,uBAAuB,YAC7B,QAAQ,MACd,WAAW,sBACK,WAAW,+BAA+B,CAAC,uEAG7C,gBAAgB,gBAChB,aAAa,2FAED,IAAI,GAAG,iCAAiC,eAkCzE,CAAC"}
+{"version":3,"file":"set-timingsrc-with-custom-update-function.d.ts","sourceRoot":"","sources":["../../../src/factories/set-timingsrc-with-custom-update-function.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAChF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,iCAAiC,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC9E,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAEvE,eAAO,MAAM,0CAA0C,mBACnC,uBAAuB,YAC7B,QAAQ,MACd,WAAW,sBACK,WAAW,+BAA+B,CAAC,uEAG7C,gBAAgB,gBAChB,aAAa,2FAED,IAAI,GAAG,iCAAiC,eA8DzE,CAAC"}

package/build/es2019/factories/set-timingsrc-with-custom-update-function.js

@@ -8,16 +8,34 @@ export const createSetTimingsrcWithCustomUpdateFunction = (animationFrame, docum
             const sanitizedDuration = typeof duration === 'number' && !isNaN(duration) ? duration : 0;
             const { position, velocity } = previousUpdateVectorWithCustomState;
             updateMediaElement(currentTime, sanitizedDuration, mediaElement, playbackRate, position, velocity);
+            return velocity !== 0;
         };
-        const unsubscribeFunctions = [
-            animationFrame()(() => update()),
-            on(timingObject, 'change')(() => {
-                if (document.visibilityState === 'hidden') {
-                    update();
-                }
-            })
-        ];
-        return () => unsubscribeFunctions.forEach((unsubscribe) => unsubscribe());
+        let unsubscribe;
+        const updateOnce = () => {
+            if (!update()) {
+                unsubscribe();
+                unsubscribe = updateReactively();
+            }
+        };
+        const updateConsistently = () => {
+            const unsubscribeFunctions = [
+                animationFrame()(() => updateOnce()),
+                on(timingObject, 'change')(() => {
+                    if (document.visibilityState === 'hidden') {
+                        updateOnce();
+                    }
+                })
+            ];
+            return () => unsubscribeFunctions.forEach((unsubscribeFunction) => unsubscribeFunction());
+        };
+        const updateReactively = () => on(timingObject, 'change')(() => {
+            if (update()) {
+                unsubscribe();
+                unsubscribe = updateConsistently();
+            }
+        });
+        unsubscribe = update() ? updateConsistently() : updateReactively();
+        return () => unsubscribe();
     };
 };
 //# sourceMappingURL=set-timingsrc-with-custom-update-function.js.map

package/build/es2019/factories/set-timingsrc-with-custom-update-function.js.map

@@ -1 +1 @@
-{"version":3,"file":"set-timingsrc-with-custom-update-function.js","sourceRoot":"","sources":["../../../src/factories/set-timingsrc-with-custom-update-function.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,0CAA0C,GAAG,CACtD,cAAuC,EACvC,QAAkB,EAClB,EAAe,EACf,kBAA+D,EACjE,EAAE;IACA,OAAO,CACH,YAA8B,EAC9B,YAA2B,EAC3B,cAA4D,EAC5D,2BAAqE,IAAI,EAC3E,EAAE;QACA,IAAI,mCAAmC,GAAuC,IAAI,CAAC;QAEnF,MAAM,MAAM,GAAG,GAAG,EAAE;YAChB,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC;YAC7D,MAAM,iBAAiB,GAAG,YAAY,CAAC,KAAK,EAAE,CAAC;YAE/C,mCAAmC,GAAG,cAAc,CAChD,wBAAwB,KAAK,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,EACnG,WAAW,EACX,mCAAmC,CACtC,CAAC;YAEF,MAAM,iBAAiB,GAAG,OAAO,QAAQ,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1F,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,mCAAmC,CAAC;YAEnE,kBAAkB,CAAC,WAAW,EAAE,iBAAiB,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;QACvG,CAAC,CAAC;QAEF,MAAM,oBAAoB,GAAG;YACzB,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,CAAC;YAChC,EAAE,CACE,YAAY,EACZ,QAAQ,CACX,CAAC,GAAG,EAAE;gBACH,IAAI,QAAQ,CAAC,eAAe,KAAK,QAAQ,EAAE;oBACvC,MAAM,EAAE,CAAC;iBACZ;YACL,CAAC,CAAC;SACL,CAAC;QAEF,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC;IAC9E,CAAC,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"set-timingsrc-with-custom-update-function.js","sourceRoot":"","sources":["../../../src/factories/set-timingsrc-with-custom-update-function.ts"],"names":[],"mappings":"AAMA,MAAM,CAAC,MAAM,0CAA0C,GAAG,CACtD,cAAuC,EACvC,QAAkB,EAClB,EAAe,EACf,kBAA+D,EACjE,EAAE;IACA,OAAO,CACH,YAA8B,EAC9B,YAA2B,EAC3B,cAA4D,EAC5D,2BAAqE,IAAI,EAC3E,EAAE;QACA,IAAI,mCAAmC,GAAuC,IAAI,CAAC;QAEnF,MAAM,MAAM,GAAG,GAAG,EAAE;YAChB,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,YAAY,CAAC;YAC7D,MAAM,iBAAiB,GAAG,YAAY,CAAC,KAAK,EAAE,CAAC;YAE/C,mCAAmC,GAAG,cAAc,CAChD,wBAAwB,KAAK,IAAI,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,wBAAwB,CAAC,iBAAiB,CAAC,EACnG,WAAW,EACX,mCAAmC,CACtC,CAAC;YAEF,MAAM,iBAAiB,GAAG,OAAO,QAAQ,KAAK,QAAQ,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1F,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,mCAAmC,CAAC;YAEnE,kBAAkB,CAAC,WAAW,EAAE,iBAAiB,EAAE,YAAY,EAAE,YAAY,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;YAEnG,OAAO,QAAQ,KAAK,CAAC,CAAC;QAC1B,CAAC,CAAC;QAEF,IAAI,WAAuB,CAAC;QAE5B,MAAM,UAAU,GAAG,GAAG,EAAE;YACpB,IAAI,CAAC,MAAM,EAAE,EAAE;gBACX,WAAW,EAAE,CAAC;gBAEd,WAAW,GAAG,gBAAgB,EAAE,CAAC;aACpC;QACL,CAAC,CAAC;QACF,MAAM,kBAAkB,GAAG,GAAG,EAAE;YAC5B,MAAM,oBAAoB,GAAG;gBACzB,cAAc,EAAE,CAAC,GAAG,EAAE,CAAC,UAAU,EAAE,CAAC;gBACpC,EAAE,CACE,YAAY,EACZ,QAAQ,CACX,CAAC,GAAG,EAAE;oBACH,IAAI,QAAQ,CAAC,eAAe,KAAK,QAAQ,EAAE;wBACvC,UAAU,EAAE,CAAC;qBAChB;gBACL,CAAC,CAAC;aACL,CAAC;YAEF,OAAO,GAAG,EAAE,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC,mBAAmB,EAAE,EAAE,CAAC,mBAAmB,EAAE,CAAC,CAAC;QAC9F,CAAC,CAAC;QACF,MAAM,gBAAgB,GAAG,GAAG,EAAE,CAC1B,EAAE,CACE,YAAY,EACZ,QAAQ,CACX,CAAC,GAAG,EAAE;YACH,IAAI,MAAM,EAAE,EAAE;gBACV,WAAW,EAAE,CAAC;gBAEd,WAAW,GAAG,kBAAkB,EAAE,CAAC;aACtC;QACL,CAAC,CAAC,CAAC;QAEP,WAAW,GAAG,MAAM,EAAE,CAAC,CAAC,CAAC,kBAAkB,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAAE,CAAC;QAEnE,OAAO,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC;IAC/B,CAAC,CAAC;AACN,CAAC,CAAC"}

package/build/es5/bundle.js

@@ -25,8 +25,8 @@
     var createSetCurrentTime = function createSetCurrentTime(currentTimeAssignments) {
       return function (mediaElement, previousValue, nextValue) {
         var currentTimeAssignment = currentTimeAssignments.get(mediaElement);
-
-        if (currentTimeAssignment === undefined || // Bug #5: Safari limits the precision of the value after a while.
+        if (currentTimeAssignment === undefined ||
+        // Bug #5: Safari limits the precision of the value after a while.
         Math.abs(currentTimeAssignment[0] - previousValue) > 0.0001 || currentTimeAssignment[1] !== nextValue) {
           mediaElement.currentTime = nextValue;
           currentTimeAssignments.set(mediaElement, [mediaElement.currentTime, nextValue]);
@@ -37,7 +37,6 @@
     var createSetPlaybackRate = function createSetPlaybackRate(playbackRateAssignments) {
       return function (mediaElement, previousValue, nextValue) {
         var playbackRateAssignment = playbackRateAssignments.get(mediaElement);
-
         if (playbackRateAssignment === undefined || playbackRateAssignment[0] !== previousValue || playbackRateAssignment[1] !== nextValue) {
           // There is currently a bug in Firefox which causes problems when switching back to a playbackRate of exactly 1.
           mediaElement.playbackRate = nextValue === 1 ? previousValue > 1 ? 1.00001 : 0.99999 : nextValue;
@@ -57,49 +56,66 @@
       return function (mediaElement, timingObject, updateFunction) {
         var prepareTimingStateVector = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
         var previousUpdateVectorWithCustomState = null;
-
         var update = function update() {
           var currentTime = mediaElement.currentTime,
-              duration = mediaElement.duration,
-              playbackRate = mediaElement.playbackRate;
+            duration = mediaElement.duration,
+            playbackRate = mediaElement.playbackRate;
           var timingStateVector = timingObject.query();
           previousUpdateVectorWithCustomState = updateFunction(prepareTimingStateVector === null ? timingStateVector : prepareTimingStateVector(timingStateVector), currentTime, previousUpdateVectorWithCustomState);
           var sanitizedDuration = typeof duration === 'number' && !isNaN(duration) ? duration : 0;
           var _previousUpdateVector = previousUpdateVectorWithCustomState,
-              position = _previousUpdateVector.position,
-              velocity = _previousUpdateVector.velocity;
+            position = _previousUpdateVector.position,
+            velocity = _previousUpdateVector.velocity;
           updateMediaElement(currentTime, sanitizedDuration, mediaElement, playbackRate, position, velocity);
+          return velocity !== 0;
         };
-
-        var unsubscribeFunctions = [animationFrame()(function () {
-          return update();
-        }), on(timingObject, 'change')(function () {
-          if (document.visibilityState === 'hidden') {
-            update();
+        var unsubscribe;
+        var updateOnce = function updateOnce() {
+          if (!update()) {
+            unsubscribe();
+            unsubscribe = updateReactively();
           }
-        })];
-        return function () {
-          return unsubscribeFunctions.forEach(function (unsubscribe) {
-            return unsubscribe();
+        };
+        var updateConsistently = function updateConsistently() {
+          var unsubscribeFunctions = [animationFrame()(function () {
+            return updateOnce();
+          }), on(timingObject, 'change')(function () {
+            if (document.visibilityState === 'hidden') {
+              updateOnce();
+            }
+          })];
+          return function () {
+            return unsubscribeFunctions.forEach(function (unsubscribeFunction) {
+              return unsubscribeFunction();
+            });
+          };
+        };
+        var updateReactively = function updateReactively() {
+          return on(timingObject, 'change')(function () {
+            if (update()) {
+              unsubscribe();
+              unsubscribe = updateConsistently();
+            }
           });
         };
+        unsubscribe = update() ? updateConsistently() : updateReactively();
+        return function () {
+          return unsubscribe();
+        };
       };
     };
 
     var createUpdateGradually = function createUpdateGradually(computeVelocity, _ref, threshold, tolerance, updateVectorWithNewPosition) {
       var _ref2 = _slicedToArray__default["default"](_ref, 2),
-          minValue = _ref2[0],
-          maxValue = _ref2[1];
-
+        minValue = _ref2[0],
+        maxValue = _ref2[1];
       return function (_ref3, currentTime, previousUpdateVectorWithCustomState) {
         var position = _ref3.position,
-            velocity = _ref3.velocity;
-
+          velocity = _ref3.velocity;
         var _ref4 = previousUpdateVectorWithCustomState !== null && previousUpdateVectorWithCustomState !== void 0 ? previousUpdateVectorWithCustomState : {
-          mediaElementDelay: 0
-        },
-            mediaElementDelay = _ref4.mediaElementDelay;
-
+            mediaElementDelay: 0
+          },
+          mediaElementDelay = _ref4.mediaElementDelay;
         if (velocity < minValue || velocity > maxValue) {
           return {
             mediaElementDelay: mediaElementDelay,
@@ -107,7 +123,6 @@
             velocity: 0
           };
         }
-
         if (position < 0 || velocity === 0) {
           return {
             mediaElementDelay: mediaElementDelay,
@@ -115,33 +130,27 @@
             velocity: velocity
           };
         }
-
         var positionDifference = currentTime - position;
         var absolutePositionDifference = Math.abs(positionDifference);
-
         if (absolutePositionDifference > threshold) {
           var _ref5 = previousUpdateVectorWithCustomState !== null && previousUpdateVectorWithCustomState !== void 0 ? previousUpdateVectorWithCustomState : {
-            position: null
-          },
-              lastPosition = _ref5.position;
-
+              position: null
+            },
+            lastPosition = _ref5.position;
           if (positionDifference < 0 || positionDifference > mediaElementDelay) {
             if (lastPosition === currentTime) {
               mediaElementDelay += absolutePositionDifference;
             }
-
             return updateVectorWithNewPosition(mediaElementDelay, position, function (nextPosition) {
               return computeVelocity(nextPosition - position, minValue, maxValue, velocity);
             });
           }
-
           if (lastPosition !== currentTime) {
             return updateVectorWithNewPosition(mediaElementDelay - absolutePositionDifference, position, function (nextPosition) {
               return computeVelocity(nextPosition - position, minValue, maxValue, velocity);
             });
           }
         }
-
         if (absolutePositionDifference > tolerance) {
           return {
             mediaElementDelay: mediaElementDelay,
@@ -149,7 +158,6 @@
             velocity: computeVelocity(positionDifference, minValue, maxValue, velocity)
           };
         }
-
         return {
           mediaElementDelay: mediaElementDelay,
           position: currentTime,
@@ -164,22 +172,18 @@
           if (currentTime > 0) {
             setCurrentTime(mediaElement, currentTime, 0);
           }
-
           pause(mediaElement);
         } else if (position >= duration) {
           if (currentTime !== duration) {
             setCurrentTime(mediaElement, currentTime, duration);
           }
-
           pause(mediaElement);
         } else if (currentTime !== position) {
           setCurrentTime(mediaElement, currentTime, position);
-
           if (velocity !== 0) {
             if (playbackRate !== velocity) {
               setPlaybackRate(mediaElement, playbackRate, velocity);
             }
-
             play(mediaElement);
           } else {
             pause(mediaElement);
@@ -200,22 +204,21 @@
       return function (tolerance) {
         return function (timingStateVector, currentTime, previousUpdateVectorWithCustomState) {
           var _ref = previousUpdateVectorWithCustomState !== null && previousUpdateVectorWithCustomState !== void 0 ? previousUpdateVectorWithCustomState : {
-            lastAppliedPostion: 0,
-            lastAppliedTimestamp: 0,
-            lastAppliedVelocity: 0,
-            lastPlayheadDifference: 0,
-            mediaElementDelay: 0,
-            numberOfDetectedResets: 0,
-            numberOfExpectedResets: 1
-          },
-              lastAppliedPostion = _ref.lastAppliedPostion,
-              lastAppliedTimestamp = _ref.lastAppliedTimestamp,
-              lastAppliedVelocity = _ref.lastAppliedVelocity,
-              lastPlayheadDifference = _ref.lastPlayheadDifference,
-              mediaElementDelay = _ref.mediaElementDelay,
-              numberOfDetectedResets = _ref.numberOfDetectedResets,
-              numberOfExpectedResets = _ref.numberOfExpectedResets;
-
+              lastAppliedPostion: 0,
+              lastAppliedTimestamp: 0,
+              lastAppliedVelocity: 0,
+              lastPlayheadDifference: 0,
+              mediaElementDelay: 0,
+              numberOfDetectedResets: 0,
+              numberOfExpectedResets: 1
+            },
+            lastAppliedPostion = _ref.lastAppliedPostion,
+            lastAppliedTimestamp = _ref.lastAppliedTimestamp,
+            lastAppliedVelocity = _ref.lastAppliedVelocity,
+            lastPlayheadDifference = _ref.lastPlayheadDifference,
+            mediaElementDelay = _ref.mediaElementDelay,
+            numberOfDetectedResets = _ref.numberOfDetectedResets,
+            numberOfExpectedResets = _ref.numberOfExpectedResets;
           if (timingStateVector.position < 0 || timingStateVector.velocity === 0) {
             lastAppliedPostion = timingStateVector.position;
             lastAppliedVelocity = timingStateVector.velocity;
@@ -230,16 +233,13 @@
               position: lastAppliedPostion,
               velocity: lastAppliedVelocity
             };
-          } // Bug #4: Safari decreases currentTime after playing for about 200 milliseconds.
-
-
+          }
+          // Bug #4: Safari decreases currentTime after playing for about 200 milliseconds.
           if (lastAppliedVelocity === timingStateVector.velocity && lastPlayheadDifference < MAXIMUM_PLAYHEAD_DIFFERENCE) {
             var playheadDifference = Math.abs(currentTime - lastAppliedPostion) * lastAppliedVelocity;
-
             if (playheadDifference < MAXIMUM_PLAYHEAD_DIFFERENCE) {
               if (playheadDifference + 0.001 > lastPlayheadDifference) {
                 lastPlayheadDifference = playheadDifference;
-
                 if (numberOfDetectedResets < numberOfExpectedResets) {
                   return {
                     lastAppliedPostion: lastAppliedPostion,
@@ -256,7 +256,6 @@
               } else {
                 lastPlayheadDifference = playheadDifference;
                 numberOfDetectedResets += 1;
-
                 if (numberOfDetectedResets <= numberOfExpectedResets) {
                   return {
                     lastAppliedPostion: lastAppliedPostion,
@@ -270,7 +269,6 @@
                     velocity: lastAppliedVelocity
                   };
                 }
-
                 numberOfExpectedResets += 1;
               }
             } else {
@@ -280,25 +278,20 @@
           } else {
             lastAppliedTimestamp = 0;
           }
-
           var positionDifference = Math.abs(currentTime - timingStateVector.position);
           var velocityHasChanged = lastAppliedVelocity === 0 || lastAppliedVelocity < 0 && timingStateVector.velocity > 0 || lastAppliedVelocity > 0 && timingStateVector.velocity < 0;
-
           if (positionDifference > tolerance || velocityHasChanged) {
             if (lastAppliedTimestamp > 0) {
               var elapsedTime = timingStateVector.timestamp - lastAppliedTimestamp;
-
               var _translateTimingState = translateTimingStateVector({
-                acceleration: 0,
-                position: lastAppliedPostion,
-                timestamp: lastAppliedTimestamp,
-                velocity: lastAppliedVelocity
-              }, elapsedTime),
-                  position = _translateTimingState.position;
-
+                  acceleration: 0,
+                  position: lastAppliedPostion,
+                  timestamp: lastAppliedTimestamp,
+                  velocity: lastAppliedVelocity
+                }, elapsedTime),
+                position = _translateTimingState.position;
               mediaElementDelay = position - currentTime;
             }
-
             lastAppliedPostion = timingStateVector.position + mediaElementDelay;
             lastAppliedVelocity = timingStateVector.velocity;
             return {
@@ -313,7 +306,6 @@
               velocity: lastAppliedVelocity
             };
           }
-
           return {
             lastAppliedPostion: lastAppliedPostion,
             lastAppliedTimestamp: lastAppliedTimestamp,
@@ -338,9 +330,7 @@
       if (window === null) {
         return DEFAULT_VALUES;
       }
-
       var audio = new window.Audio();
-
       try {
         // Bug #2: Chrome does not support values above 16.
         audio.playbackRate = 17;
@@ -348,14 +338,12 @@
         // Bug #1: Chrome does not support values below 0.625.
         return [0.625, 16];
       }
-
       try {
         // Bug #3: Firefox does not support negative values.
         audio.playbackRate = -1;
       } catch (_unused2) {
         return [0, DEFAULT_VALUES[1]];
       }
-
       return DEFAULT_VALUES;
     };
 

package/package.json

@@ -9,24 +9,24 @@
         }
     },
     "dependencies": {
-        "@babel/runtime": "^7.19.0",
-        "subscribable-things": "^2.1.7",
-        "timing-object": "^3.1.48",
+        "@babel/runtime": "^7.19.4",
+        "subscribable-things": "^2.1.8",
+        "timing-object": "^3.1.49",
         "tslib": "^2.4.0"
     },
     "description": "A library to synchronize a MediaElement with a TimingObject.",
     "devDependencies": {
-        "@babel/core": "^7.19.1",
+        "@babel/core": "^7.19.6",
         "@babel/plugin-external-helpers": "^7.18.6",
-        "@babel/plugin-transform-runtime": "^7.19.1",
-        "@babel/preset-env": "^7.19.1",
+        "@babel/plugin-transform-runtime": "^7.19.6",
+        "@babel/preset-env": "^7.19.4",
         "@commitlint/cli": "^17.1.2",
         "@commitlint/config-angular": "^17.1.0",
         "@rollup/plugin-babel": "^5.3.1",
         "chai": "^4.3.6",
         "commitizen": "^4.2.5",
         "cz-conventional-changelog": "^3.3.0",
-        "eslint": "^8.23.1",
+        "eslint": "^8.26.0",
         "eslint-config-holy-grail": "^52.0.33",
         "grunt": "^1.5.3",
         "grunt-cli": "^1.4.3",
@@ -41,18 +41,18 @@
         "karma-sinon-chai": "^2.0.2",
         "karma-webpack": "^5.0.0",
         "load-grunt-config": "^4.0.1",
-        "mocha": "^10.0.0",
+        "mocha": "^10.1.0",
         "prettier": "^2.7.1",
         "pretty-quick": "^3.1.3",
         "rimraf": "^3.0.2",
         "rollup": "^2.79.1",
-        "sinon": "^14.0.0",
+        "sinon": "^14.0.1",
         "sinon-chai": "^3.7.0",
         "ts-loader": "^9.4.1",
         "tsconfig-holy-grail": "^11.1.36",
         "tslint": "^6.1.3",
         "tslint-config-holy-grail": "^53.2.33",
-        "typescript": "^4.8.3",
+        "typescript": "^4.8.4",
         "webpack": "^5.74.0"
     },
     "files": [
@@ -75,5 +75,5 @@
         "test": "grunt lint && grunt test"
     },
     "types": "build/es2019/module.d.ts",
-    "version": "1.2.7"
+    "version": "1.2.9"
 }

package/src/factories/set-timingsrc-with-custom-update-function.ts

@@ -32,20 +32,48 @@ export const createSetTimingsrcWithCustomUpdateFunction = (
             const { position, velocity } = previousUpdateVectorWithCustomState;
 
             updateMediaElement(currentTime, sanitizedDuration, mediaElement, playbackRate, position, velocity);
+
+            return velocity !== 0;
+        };
+
+        let unsubscribe: () => void;
+
+        const updateOnce = () => {
+            if (!update()) {
+                unsubscribe();
+
+                unsubscribe = updateReactively();
+            }
         };
+        const updateConsistently = () => {
+            const unsubscribeFunctions = [
+                animationFrame()(() => updateOnce()),
+                on(
+                    timingObject,
+                    'change'
+                )(() => {
+                    if (document.visibilityState === 'hidden') {
+                        updateOnce();
+                    }
+                })
+            ];
 
-        const unsubscribeFunctions = [
-            animationFrame()(() => update()),
+            return () => unsubscribeFunctions.forEach((unsubscribeFunction) => unsubscribeFunction());
+        };
+        const updateReactively = () =>
             on(
                 timingObject,
                 'change'
             )(() => {
-                if (document.visibilityState === 'hidden') {
-                    update();
+                if (update()) {
+                    unsubscribe();
+
+                    unsubscribe = updateConsistently();
                 }
-            })
-        ];
+            });
+
+        unsubscribe = update() ? updateConsistently() : updateReactively();
 
-        return () => unsubscribeFunctions.forEach((unsubscribe) => unsubscribe());
+        return () => unsubscribe();
     };
 };