timingsrc 1.2.16 → 1.4.0

package/README.md

@@ -41,6 +41,17 @@ deleteTimingsrc();
 setTimingsrc(mediaElement, timingObject, ({ position, ...vector }) => ({ ...vector, position: position + 5 }));
 ```
 
+It can also be used to set a loop. But in this case it's important to also provide a second function which modifies the vector before it is used to update the media element.
+
+```js
+setTimingsrc(
+    mediaElement,
+    timingObject,
+    ({ position, ...vector }) => ({ ...vector, position: position % 5 }),
+    ({ position, ...vector }) => ({ ...vector, position: position % 5 })
+);
+```
+
 It is also possible to configure a custom version of the `setTimingsrc()` function. The following would build a `setTimingSrc()` function which does not include the fallback for stepwise updates which is necessary in Safari.
 
 ```js

package/build/es2019/factories/default-set-timingsrc.d.ts

@@ -5,5 +5,5 @@ import type { createSetTimingsrcWithCustomUpdateFunction } from './set-timingsrc
 import type { createUpdateGradually as createUpdateGraduallyFunction } from './update-gradually';
 import type { createUpdateStepwiseFactory } from './update-stepwise-factory';
 import type { createWindow } from './window';
-export declare const createDefaultSetTimingsrc: (createComputeVelocity: typeof createComputeVelocityFunction, createSetTimingsrc: typeof createSetTimingsrcFunction, createUpdateGradually: typeof createUpdateGraduallyFunction, createUpdateStepwise: ReturnType<typeof createUpdateStepwiseFactory>, determineSupportedPlaybackRateValues: typeof determineSupportedPlaybackRateValuesFunction, setTimingsrcWithCustomUpdateFunction: ReturnType<typeof createSetTimingsrcWithCustomUpdateFunction>, window: ReturnType<typeof createWindow>) => (mediaElement: HTMLMediaElement, timingObject: import("timing-object").ITimingObject, prepareTimingStateVector?: import("../types").TPrepareTimingStateVectorFunction | null) => () => void;
+export declare const createDefaultSetTimingsrc: (createComputeVelocity: typeof createComputeVelocityFunction, createSetTimingsrc: typeof createSetTimingsrcFunction, createUpdateGradually: typeof createUpdateGraduallyFunction, createUpdateStepwise: ReturnType<typeof createUpdateStepwiseFactory>, determineSupportedPlaybackRateValues: typeof determineSupportedPlaybackRateValuesFunction, setTimingsrcWithCustomUpdateFunction: ReturnType<typeof createSetTimingsrcWithCustomUpdateFunction>, window: ReturnType<typeof createWindow>) => (mediaElement: HTMLMediaElement, timingObject: import("timing-object").ITimingObject, prepareTimingStateVector?: import("../types").TPrepareTimingStateVectorFunction | null, prepareUpdateVector?: import("../types").TPrepareUpdateVectorFunction | null) => () => void;
 //# sourceMappingURL=default-set-timingsrc.d.ts.map

package/build/es2019/factories/default-set-timingsrc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-set-timingsrc.d.ts","sourceRoot":"","sources":["../../../src/factories/default-set-timingsrc.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oCAAoC,IAAI,4CAA4C,EAAE,MAAM,uDAAuD,CAAC;AAElK,OAAO,KAAK,EAAE,qBAAqB,IAAI,6BAA6B,EAAE,MAAM,oBAAoB,CAAC;AACjG,OAAO,KAAK,EAAE,kBAAkB,IAAI,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AACxF,OAAO,KAAK,EAAE,0CAA0C,EAAE,MAAM,6CAA6C,CAAC;AAC9G,OAAO,KAAK,EAAE,qBAAqB,IAAI,6BAA6B,EAAE,MAAM,oBAAoB,CAAC;AACjG,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAM7C,eAAO,MAAM,yBAAyB,0BACX,oCAAoC,sBACvC,iCAAiC,yBAC9B,oCAAoC,wBACrC,WAAW,kCAAkC,CAAC,wCAC9B,mDAAmD,wCACnD,WAAW,iDAAiD,CAAC,UAC3F,WAAW,mBAAmB,CAAC,gMAa1C,CAAC"}
+{"version":3,"file":"default-set-timingsrc.d.ts","sourceRoot":"","sources":["../../../src/factories/default-set-timingsrc.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oCAAoC,IAAI,4CAA4C,EAAE,MAAM,uDAAuD,CAAC;AAElK,OAAO,KAAK,EAAE,qBAAqB,IAAI,6BAA6B,EAAE,MAAM,oBAAoB,CAAC;AACjG,OAAO,KAAK,EAAE,kBAAkB,IAAI,0BAA0B,EAAE,MAAM,iBAAiB,CAAC;AACxF,OAAO,KAAK,EAAE,0CAA0C,EAAE,MAAM,6CAA6C,CAAC;AAC9G,OAAO,KAAK,EAAE,qBAAqB,IAAI,6BAA6B,EAAE,MAAM,oBAAoB,CAAC;AACjG,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,2BAA2B,CAAC;AAC7E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAM7C,eAAO,MAAM,yBAAyB,0BACX,oCAAoC,sBACvC,iCAAiC,yBAC9B,oCAAoC,wBACrC,WAAW,kCAAkC,CAAC,wCAC9B,mDAAmD,wCACnD,WAAW,iDAAiD,CAAC,UAC3F,WAAW,mBAAmB,CAAC,8QAa1C,CAAC"}

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

@@ -1,7 +1,7 @@
 import type { TAnimationFrameFunction, TOnFunction } from 'subscribable-things';
 import type { ITimingObject } from 'timing-object';
 import { IUpdateVector } from '../interfaces';
-import { TPrepareTimingStateVectorFunction, TUpdateFunction } from '../types';
+import { TPrepareTimingStateVectorFunction, TPrepareUpdateVectorFunction, TUpdateFunction } from '../types';
 import type { createUpdateMediaElement } from './update-media-element';
-export declare const createSetTimingsrcWithCustomUpdateFunction: (animationFrame: TAnimationFrameFunction, document: Document, on: TOnFunction, updateMediaElement: ReturnType<typeof createUpdateMediaElement>) => <UpdateVectorWithCustomState extends IUpdateVector>(mediaElement: HTMLMediaElement, timingObject: ITimingObject, updateFunction: TUpdateFunction<UpdateVectorWithCustomState>, prepareTimingStateVector?: null | TPrepareTimingStateVectorFunction) => () => void;
+export declare const createSetTimingsrcWithCustomUpdateFunction: (animationFrame: TAnimationFrameFunction, clearInterval: Window['clearInterval'], document: Document, on: TOnFunction, setInterval: Window['setInterval'], updateMediaElement: ReturnType<typeof createUpdateMediaElement>) => <UpdateVectorWithCustomState extends IUpdateVector>(mediaElement: HTMLMediaElement, timingObject: ITimingObject, updateFunction: TUpdateFunction<UpdateVectorWithCustomState>, prepareTimingStateVector?: null | TPrepareTimingStateVectorFunction, prepareUpdateVector?: null | TPrepareUpdateVectorFunction) => () => void;
 //# sourceMappingURL=set-timingsrc-with-custom-update-function.d.ts.map

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,eA8DzE,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,4BAA4B,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAC5G,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,wBAAwB,CAAC;AAEvE,eAAO,MAAM,0CAA0C,mBACnC,uBAAuB,iBACxB,MAAM,CAAC,eAAe,CAAC,YAC5B,QAAQ,MACd,WAAW,eACF,MAAM,CAAC,aAAa,CAAC,sBACd,WAAW,+BAA+B,CAAC,uEAG7C,gBAAgB,gBAChB,aAAa,2FAED,IAAI,GAAG,iCAAiC,wBAC7C,IAAI,GAAG,4BAA4B,eA+E/D,CAAC"}

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

@@ -1,12 +1,15 @@
-export const createSetTimingsrcWithCustomUpdateFunction = (animationFrame, document, on, updateMediaElement) => {
-    return (mediaElement, timingObject, updateFunction, prepareTimingStateVector = null) => {
+export const createSetTimingsrcWithCustomUpdateFunction = (animationFrame, clearInterval, document, on, setInterval, updateMediaElement) => {
+    return (mediaElement, timingObject, updateFunction, prepareTimingStateVector = null, prepareUpdateVector = null) => {
         let previousUpdateVectorWithCustomState = null;
         const update = () => {
             const { currentTime, duration, playbackRate } = mediaElement;
             const timingStateVector = timingObject.query();
             previousUpdateVectorWithCustomState = updateFunction(prepareTimingStateVector === null ? timingStateVector : prepareTimingStateVector(timingStateVector), currentTime, previousUpdateVectorWithCustomState);
             const sanitizedDuration = typeof duration === 'number' && !isNaN(duration) ? duration : 0;
-            const { position, velocity } = previousUpdateVectorWithCustomState;
+            const { position, velocity } = prepareUpdateVector === null
+                ? previousUpdateVectorWithCustomState
+                : prepareUpdateVector(previousUpdateVectorWithCustomState);
+            previousUpdateVectorWithCustomState = { ...previousUpdateVectorWithCustomState, position, velocity };
             updateMediaElement(currentTime, sanitizedDuration, mediaElement, playbackRate, position, velocity);
             return velocity !== 0;
         };
@@ -18,10 +21,20 @@ export const createSetTimingsrcWithCustomUpdateFunction = (animationFrame, docum
             }
         };
         const updateConsistently = () => {
+            let intervalId = setInterval(() => updateOnce(), 100);
+            const restartInterval = () => {
+                clearInterval(intervalId);
+                intervalId = setInterval(() => updateOnce(), 100);
+            };
             const unsubscribeFunctions = [
-                animationFrame()(() => updateOnce()),
+                () => clearInterval(intervalId),
+                animationFrame()(() => {
+                    restartInterval();
+                    updateOnce();
+                }),
                 on(timingObject, 'change')(() => {
                     if (document.visibilityState === 'hidden') {
+                        restartInterval();
                         updateOnce();
                     }
                 })

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;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"}
+{"version":3,"file":"set-timingsrc-with-custom-update-function.js","sourceRoot":"","sources":["../../../src/factories/set-timingsrc-with-custom-update-function.ts"],"names":[],"mappings":"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"}

package/build/es2019/factories/set-timingsrc.d.ts

@@ -1,6 +1,6 @@
 import type { ITimingObject } from 'timing-object';
 import type { createSetTimingsrcWithCustomUpdateFunction } from '../factories/set-timingsrc-with-custom-update-function';
 import { IUpdateVector } from '../interfaces';
-import { TPrepareTimingStateVectorFunction, TUpdateFunction } from '../types';
-export declare const createSetTimingsrc: <UpdateVectorWithCustomState extends IUpdateVector>(setTimingsrcWithCustomUpdateFunction: ReturnType<typeof createSetTimingsrcWithCustomUpdateFunction>, update: TUpdateFunction<UpdateVectorWithCustomState>) => (mediaElement: HTMLMediaElement, timingObject: ITimingObject, prepareTimingStateVector?: null | TPrepareTimingStateVectorFunction) => () => void;
+import { TPrepareTimingStateVectorFunction, TPrepareUpdateVectorFunction, TUpdateFunction } from '../types';
+export declare const createSetTimingsrc: <UpdateVectorWithCustomState extends IUpdateVector>(setTimingsrcWithCustomUpdateFunction: ReturnType<typeof createSetTimingsrcWithCustomUpdateFunction>, update: TUpdateFunction<UpdateVectorWithCustomState>) => (mediaElement: HTMLMediaElement, timingObject: ITimingObject, prepareTimingStateVector?: null | TPrepareTimingStateVectorFunction, prepareUpdateVector?: null | TPrepareUpdateVectorFunction) => () => void;
 //# sourceMappingURL=set-timingsrc.d.ts.map

package/build/es2019/factories/set-timingsrc.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"set-timingsrc.d.ts","sourceRoot":"","sources":["../../../src/factories/set-timingsrc.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,0CAA0C,EAAE,MAAM,wDAAwD,CAAC;AACzH,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,iCAAiC,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE9E,eAAO,MAAM,kBAAkB,4FAEe,WAAW,iDAAiD,CAAC,0EAIrF,gBAAgB,gBAChB,aAAa,6BACD,IAAI,GAAG,iCAAiC,eAEgC,CAAC"}
+{"version":3,"file":"set-timingsrc.d.ts","sourceRoot":"","sources":["../../../src/factories/set-timingsrc.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,KAAK,EAAE,0CAA0C,EAAE,MAAM,wDAAwD,CAAC;AACzH,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,iCAAiC,EAAE,4BAA4B,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AAE5G,eAAO,MAAM,kBAAkB,4FAEe,WAAW,iDAAiD,CAAC,0EAIrF,gBAAgB,gBAChB,aAAa,6BACD,IAAI,GAAG,iCAAiC,wBAC7C,IAAI,GAAG,4BAA4B,eAE+D,CAAC"}

package/build/es2019/factories/set-timingsrc.js

@@ -1,2 +1,2 @@
-export const createSetTimingsrc = (setTimingsrcWithCustomUpdateFunction, update) => (mediaElement, timingObject, prepareTimingStateVector = null) => setTimingsrcWithCustomUpdateFunction(mediaElement, timingObject, update, prepareTimingStateVector);
+export const createSetTimingsrc = (setTimingsrcWithCustomUpdateFunction, update) => (mediaElement, timingObject, prepareTimingStateVector = null, prepareUpdateVector = null) => setTimingsrcWithCustomUpdateFunction(mediaElement, timingObject, update, prepareTimingStateVector, prepareUpdateVector);
 //# sourceMappingURL=set-timingsrc.js.map

package/build/es2019/factories/set-timingsrc.js.map

@@ -1 +1 @@
-{"version":3,"file":"set-timingsrc.js","sourceRoot":"","sources":["../../../src/factories/set-timingsrc.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,kBAAkB,GAC3B,CACI,oCAAmG,EACnG,MAAoD,EACtD,EAAE,CACJ,CACI,YAA8B,EAC9B,YAA2B,EAC3B,2BAAqE,IAAI,EAC3E,EAAE,CACA,oCAAoC,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,wBAAwB,CAAC,CAAC"}
+{"version":3,"file":"set-timingsrc.js","sourceRoot":"","sources":["../../../src/factories/set-timingsrc.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,MAAM,kBAAkB,GAC3B,CACI,oCAAmG,EACnG,MAAoD,EACtD,EAAE,CACJ,CACI,YAA8B,EAC9B,YAA2B,EAC3B,2BAAqE,IAAI,EACzE,sBAA2D,IAAI,EACjE,EAAE,CACA,oCAAoC,CAAC,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,wBAAwB,EAAE,mBAAmB,CAAC,CAAC"}

package/build/es2019/module.d.ts

@@ -11,6 +11,6 @@ export declare const createUpdateStepwise: (tolerance: number) => import("./type
     numberOfDetectedResets: number;
     numberOfExpectedResets: number;
 }>;
-export declare const setTimingsrcWithCustomUpdateFunction: <UpdateVectorWithCustomState extends import("./interfaces").IUpdateVector>(mediaElement: HTMLMediaElement, timingObject: import("timing-object").ITimingObject, updateFunction: import("./types").TUpdateFunction<UpdateVectorWithCustomState>, prepareTimingStateVector?: import("./types").TPrepareTimingStateVectorFunction | null) => () => void;
-export declare const setTimingsrc: (mediaElement: HTMLMediaElement, timingObject: import("timing-object").ITimingObject, prepareTimingStateVector?: import("./types").TPrepareTimingStateVectorFunction | null) => () => void;
+export declare const setTimingsrcWithCustomUpdateFunction: <UpdateVectorWithCustomState extends import("./interfaces").IUpdateVector>(mediaElement: HTMLMediaElement, timingObject: import("timing-object").ITimingObject, updateFunction: import("./types").TUpdateFunction<UpdateVectorWithCustomState>, prepareTimingStateVector?: import("./types").TPrepareTimingStateVectorFunction | null, prepareUpdateVector?: import("./types").TPrepareUpdateVectorFunction | null) => () => void;
+export declare const setTimingsrc: (mediaElement: HTMLMediaElement, timingObject: import("timing-object").ITimingObject, prepareTimingStateVector?: import("./types").TPrepareTimingStateVectorFunction | null, prepareUpdateVector?: import("./types").TPrepareUpdateVectorFunction | null) => () => void;
 //# sourceMappingURL=module.d.ts.map

package/build/es2019/module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/module.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAQrE,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B,OAAO,EAAE,qBAAqB,EAAE,CAAC;AAEjC,eAAO,MAAM,oBAAoB;;;;;;;;EAA0D,CAAC;AAS5F,eAAO,MAAM,oCAAoC,sVAKhD,CAAC;AAEF,eAAO,MAAM,YAAY,4LAQxB,CAAC"}
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/module.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAQrE,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B,OAAO,EAAE,qBAAqB,EAAE,CAAC;AAEjC,eAAO,MAAM,oBAAoB;;;;;;;;EAA0D,CAAC;AAS5F,eAAO,MAAM,oCAAoC,maAOhD,CAAC;AAEF,eAAO,MAAM,YAAY,yQAQxB,CAAC"}

package/build/es2019/module.js

@@ -17,6 +17,6 @@ export { createSetTimingsrc };
 export { createUpdateGradually };
 export const createUpdateStepwise = createUpdateStepwiseFactory(translateTimingStateVector);
 const updateMediaElement = createUpdateMediaElement(pause, play, createSetCurrentTime(new WeakMap()), createSetPlaybackRate(881 / 882, new WeakMap(), 882 / 881));
-export const setTimingsrcWithCustomUpdateFunction = createSetTimingsrcWithCustomUpdateFunction(animationFrame, document, on, updateMediaElement);
+export const setTimingsrcWithCustomUpdateFunction = createSetTimingsrcWithCustomUpdateFunction(animationFrame, clearInterval, document, on, setInterval, updateMediaElement);
 export const setTimingsrc = createDefaultSetTimingsrc(createComputeVelocity, createSetTimingsrc, createUpdateGradually, createUpdateStepwise, determineSupportedPlaybackRateValues, setTimingsrcWithCustomUpdateFunction, createWindow());
 //# sourceMappingURL=module.js.map

package/build/es2019/module.js.map

@@ -1 +1 @@
-{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,0CAA0C,EAAE,MAAM,uDAAuD,CAAC;AACnH,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,oCAAoC,EAAE,MAAM,sDAAsD,CAAC;AAC5G,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B,OAAO,EAAE,qBAAqB,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,oBAAoB,GAAG,2BAA2B,CAAC,0BAA0B,CAAC,CAAC;AAE5F,MAAM,kBAAkB,GAAG,wBAAwB,CAC/C,KAAK,EACL,IAAI,EACJ,oBAAoB,CAAC,IAAI,OAAO,EAAE,CAAC,EACnC,qBAAqB,CAAC,GAAG,GAAG,GAAG,EAAE,IAAI,OAAO,EAAE,EAAE,GAAG,GAAG,GAAG,CAAC,CAC7D,CAAC;AAEF,MAAM,CAAC,MAAM,oCAAoC,GAAG,0CAA0C,CAC1F,cAAc,EACd,QAAQ,EACR,EAAE,EACF,kBAAkB,CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,yBAAyB,CACjD,qBAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,EACpB,oCAAoC,EACpC,oCAAoC,EACpC,YAAY,EAAE,CACjB,CAAC"}
+{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAC;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAC9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,EAAE,0CAA0C,EAAE,MAAM,uDAAuD,CAAC;AACnH,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,2BAA2B,EAAE,MAAM,qCAAqC,CAAC;AAClF,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,oCAAoC,EAAE,MAAM,sDAAsD,CAAC;AAC5G,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AAExC,OAAO,EAAE,kBAAkB,EAAE,CAAC;AAE9B,OAAO,EAAE,qBAAqB,EAAE,CAAC;AAEjC,MAAM,CAAC,MAAM,oBAAoB,GAAG,2BAA2B,CAAC,0BAA0B,CAAC,CAAC;AAE5F,MAAM,kBAAkB,GAAG,wBAAwB,CAC/C,KAAK,EACL,IAAI,EACJ,oBAAoB,CAAC,IAAI,OAAO,EAAE,CAAC,EACnC,qBAAqB,CAAC,GAAG,GAAG,GAAG,EAAE,IAAI,OAAO,EAAE,EAAE,GAAG,GAAG,GAAG,CAAC,CAC7D,CAAC;AAEF,MAAM,CAAC,MAAM,oCAAoC,GAAG,0CAA0C,CAC1F,cAAc,EACd,aAAa,EACb,QAAQ,EACR,EAAE,EACF,WAAW,EACX,kBAAkB,CACrB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,yBAAyB,CACjD,qBAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,EACpB,oCAAoC,EACpC,oCAAoC,EACpC,YAAY,EAAE,CACjB,CAAC"}

package/build/es2019/types/index.d.ts

@@ -1,4 +1,5 @@
 export * from './prepare-timing-state-vector-function';
+export * from './prepare-update-vector-function';
 export * from './update-function';
 export * from './update-vector-with-custom-state';
 //# sourceMappingURL=index.d.ts.map

package/build/es2019/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC;AACvD,cAAc,mBAAmB,CAAC;AAClC,cAAc,mCAAmC,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mBAAmB,CAAC;AAClC,cAAc,mCAAmC,CAAC"}

package/build/es2019/types/index.js

@@ -1,4 +1,5 @@
 export * from './prepare-timing-state-vector-function';
+export * from './prepare-update-vector-function';
 export * from './update-function';
 export * from './update-vector-with-custom-state';
 //# sourceMappingURL=index.js.map

package/build/es2019/types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC;AACvD,cAAc,mBAAmB,CAAC;AAClC,cAAc,mCAAmC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,mBAAmB,CAAC;AAClC,cAAc,mCAAmC,CAAC"}

package/build/es2019/types/prepare-update-vector-function.d.ts

@@ -0,0 +1,3 @@
+import { IUpdateVector } from '../interfaces';
+export type TPrepareUpdateVectorFunction = (updateVector: IUpdateVector) => IUpdateVector;
+//# sourceMappingURL=prepare-update-vector-function.d.ts.map

package/build/es2019/types/prepare-update-vector-function.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepare-update-vector-function.d.ts","sourceRoot":"","sources":["../../../src/types/prepare-update-vector-function.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,MAAM,4BAA4B,GAAG,CAAC,YAAY,EAAE,aAAa,KAAK,aAAa,CAAC"}

package/build/es2019/types/prepare-update-vector-function.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=prepare-update-vector-function.js.map

package/build/es2019/types/prepare-update-vector-function.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prepare-update-vector-function.js","sourceRoot":"","sources":["../../../src/types/prepare-update-vector-function.ts"],"names":[],"mappings":""}

package/build/es5/bundle.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('subscribable-things'), require('timing-object'), require('@babel/runtime/helpers/slicedToArray')) :
-    typeof define === 'function' && define.amd ? define(['exports', 'subscribable-things', 'timing-object', '@babel/runtime/helpers/slicedToArray'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.timingsrc = {}, global.subscribableThings, global.timingObject, global._slicedToArray));
-})(this, (function (exports, subscribableThings, timingObject, _slicedToArray) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('subscribable-things'), require('timing-object'), require('@babel/runtime/helpers/defineProperty'), require('@babel/runtime/helpers/slicedToArray')) :
+    typeof define === 'function' && define.amd ? define(['exports', 'subscribable-things', 'timing-object', '@babel/runtime/helpers/defineProperty', '@babel/runtime/helpers/slicedToArray'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.timingsrc = {}, global.subscribableThings, global.timingObject, global._defineProperty, global._slicedToArray));
+})(this, (function (exports, subscribableThings, timingObject, _defineProperty, _slicedToArray) { 'use strict';
 
     var createComputeVelocity = function createComputeVelocity(timeConstant) {
       return function (delta, minValue, maxValue, velocity) {
@@ -45,13 +45,17 @@
     var createSetTimingsrc = function createSetTimingsrc(setTimingsrcWithCustomUpdateFunction, update) {
       return function (mediaElement, timingObject) {
         var prepareTimingStateVector = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-        return setTimingsrcWithCustomUpdateFunction(mediaElement, timingObject, update, prepareTimingStateVector);
+        var prepareUpdateVector = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+        return setTimingsrcWithCustomUpdateFunction(mediaElement, timingObject, update, prepareTimingStateVector, prepareUpdateVector);
       };
     };
 
-    var createSetTimingsrcWithCustomUpdateFunction = function createSetTimingsrcWithCustomUpdateFunction(animationFrame, document, on, updateMediaElement) {
+    function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+    function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+    var createSetTimingsrcWithCustomUpdateFunction = function createSetTimingsrcWithCustomUpdateFunction(animationFrame, clearInterval, document, on, setInterval, updateMediaElement) {
       return function (mediaElement, timingObject, updateFunction) {
         var prepareTimingStateVector = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
+        var prepareUpdateVector = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : null;
         var previousUpdateVectorWithCustomState = null;
         var update = function update() {
           var currentTime = mediaElement.currentTime,
@@ -60,9 +64,13 @@
           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;
+          var _ref = prepareUpdateVector === null ? previousUpdateVectorWithCustomState : prepareUpdateVector(previousUpdateVectorWithCustomState),
+            position = _ref.position,
+            velocity = _ref.velocity;
+          previousUpdateVectorWithCustomState = _objectSpread(_objectSpread({}, previousUpdateVectorWithCustomState), {}, {
+            position: position,
+            velocity: velocity
+          });
           updateMediaElement(currentTime, sanitizedDuration, mediaElement, playbackRate, position, velocity);
           return velocity !== 0;
         };
@@ -74,10 +82,23 @@
           }
         };
         var updateConsistently = function updateConsistently() {
-          var unsubscribeFunctions = [animationFrame()(function () {
+          var intervalId = setInterval(function () {
             return updateOnce();
+          }, 100);
+          var restartInterval = function restartInterval() {
+            clearInterval(intervalId);
+            intervalId = setInterval(function () {
+              return updateOnce();
+            }, 100);
+          };
+          var unsubscribeFunctions = [function () {
+            return clearInterval(intervalId);
+          }, animationFrame()(function () {
+            restartInterval();
+            updateOnce();
           }), on(timingObject, 'change')(function () {
             if (document.visibilityState === 'hidden') {
+              restartInterval();
               updateOnce();
             }
           })];
@@ -365,7 +386,7 @@
 
     var createUpdateStepwise = createUpdateStepwiseFactory(timingObject.translateTimingStateVector);
     var updateMediaElement = createUpdateMediaElement(pause, play, createSetCurrentTime(new WeakMap()), createSetPlaybackRate(881 / 882, new WeakMap(), 882 / 881));
-    var setTimingsrcWithCustomUpdateFunction = createSetTimingsrcWithCustomUpdateFunction(subscribableThings.animationFrame, document, subscribableThings.on, updateMediaElement);
+    var setTimingsrcWithCustomUpdateFunction = createSetTimingsrcWithCustomUpdateFunction(subscribableThings.animationFrame, clearInterval, document, subscribableThings.on, setInterval, updateMediaElement);
     var setTimingsrc = createDefaultSetTimingsrc(createComputeVelocity, createSetTimingsrc, createUpdateGradually, createUpdateStepwise, determineSupportedPlaybackRateValues, setTimingsrcWithCustomUpdateFunction, createWindow());
 
     exports.createSetTimingsrc = createSetTimingsrc;

package/package.json

@@ -27,7 +27,7 @@
         "commitizen": "^4.3.0",
         "cz-conventional-changelog": "^3.3.0",
         "eslint": "^8.33.0",
-        "eslint-config-holy-grail": "^55.0.6",
+        "eslint-config-holy-grail": "^55.0.8",
         "grunt": "^1.6.1",
         "grunt-cli": "^1.4.3",
         "grunt-sh": "^0.2.0",
@@ -42,10 +42,10 @@
         "karma-webpack": "^5.0.0",
         "load-grunt-config": "^4.0.1",
         "mocha": "^10.2.0",
-        "prettier": "^2.8.3",
+        "prettier": "^2.8.4",
         "pretty-quick": "^3.1.3",
         "rimraf": "^4.1.2",
-        "rollup": "^3.12.1",
+        "rollup": "^3.14.0",
         "sinon": "^15.0.1",
         "sinon-chai": "^3.7.0",
         "ts-loader": "^9.4.2",
@@ -75,5 +75,5 @@
         "test": "grunt lint && grunt test"
     },
     "types": "build/es2019/module.d.ts",
-    "version": "1.2.16"
+    "version": "1.4.0"
 }

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

@@ -1,20 +1,23 @@
 import type { TAnimationFrameFunction, TOnFunction } from 'subscribable-things';
 import type { ITimingObject } from 'timing-object';
 import { IUpdateVector } from '../interfaces';
-import { TPrepareTimingStateVectorFunction, TUpdateFunction } from '../types';
+import { TPrepareTimingStateVectorFunction, TPrepareUpdateVectorFunction, TUpdateFunction } from '../types';
 import type { createUpdateMediaElement } from './update-media-element';
 
 export const createSetTimingsrcWithCustomUpdateFunction = (
     animationFrame: TAnimationFrameFunction,
+    clearInterval: Window['clearInterval'],
     document: Document,
     on: TOnFunction,
+    setInterval: Window['setInterval'],
     updateMediaElement: ReturnType<typeof createUpdateMediaElement>
 ) => {
     return <UpdateVectorWithCustomState extends IUpdateVector>(
         mediaElement: HTMLMediaElement,
         timingObject: ITimingObject,
         updateFunction: TUpdateFunction<UpdateVectorWithCustomState>,
-        prepareTimingStateVector: null | TPrepareTimingStateVectorFunction = null
+        prepareTimingStateVector: null | TPrepareTimingStateVectorFunction = null,
+        prepareUpdateVector: null | TPrepareUpdateVectorFunction = null
     ) => {
         let previousUpdateVectorWithCustomState: null | UpdateVectorWithCustomState = null;
 
@@ -29,7 +32,12 @@ export const createSetTimingsrcWithCustomUpdateFunction = (
             );
 
             const sanitizedDuration = typeof duration === 'number' && !isNaN(duration) ? duration : 0;
-            const { position, velocity } = previousUpdateVectorWithCustomState;
+            const { position, velocity } =
+                prepareUpdateVector === null
+                    ? previousUpdateVectorWithCustomState
+                    : prepareUpdateVector(previousUpdateVectorWithCustomState);
+
+            previousUpdateVectorWithCustomState = { ...previousUpdateVectorWithCustomState, position, velocity };
 
             updateMediaElement(currentTime, sanitizedDuration, mediaElement, playbackRate, position, velocity);
 
@@ -46,13 +54,25 @@ export const createSetTimingsrcWithCustomUpdateFunction = (
             }
         };
         const updateConsistently = () => {
+            let intervalId = setInterval(() => updateOnce(), 100);
+
+            const restartInterval = () => {
+                clearInterval(intervalId);
+
+                intervalId = setInterval(() => updateOnce(), 100);
+            };
             const unsubscribeFunctions = [
-                animationFrame()(() => updateOnce()),
+                () => clearInterval(intervalId),
+                animationFrame()(() => {
+                    restartInterval();
+                    updateOnce();
+                }),
                 on(
                     timingObject,
                     'change'
                 )(() => {
                     if (document.visibilityState === 'hidden') {
+                        restartInterval();
                         updateOnce();
                     }
                 })

package/src/factories/set-timingsrc.ts

@@ -1,7 +1,7 @@
 import type { ITimingObject } from 'timing-object';
 import type { createSetTimingsrcWithCustomUpdateFunction } from '../factories/set-timingsrc-with-custom-update-function';
 import { IUpdateVector } from '../interfaces';
-import { TPrepareTimingStateVectorFunction, TUpdateFunction } from '../types';
+import { TPrepareTimingStateVectorFunction, TPrepareUpdateVectorFunction, TUpdateFunction } from '../types';
 
 export const createSetTimingsrc =
     <UpdateVectorWithCustomState extends IUpdateVector>(
@@ -11,6 +11,7 @@ export const createSetTimingsrc =
     (
         mediaElement: HTMLMediaElement,
         timingObject: ITimingObject,
-        prepareTimingStateVector: null | TPrepareTimingStateVectorFunction = null
+        prepareTimingStateVector: null | TPrepareTimingStateVectorFunction = null,
+        prepareUpdateVector: null | TPrepareUpdateVectorFunction = null
     ) =>
-        setTimingsrcWithCustomUpdateFunction(mediaElement, timingObject, update, prepareTimingStateVector);
+        setTimingsrcWithCustomUpdateFunction(mediaElement, timingObject, update, prepareTimingStateVector, prepareUpdateVector);

package/src/module.ts

@@ -29,8 +29,10 @@ const updateMediaElement = createUpdateMediaElement(
 
 export const setTimingsrcWithCustomUpdateFunction = createSetTimingsrcWithCustomUpdateFunction(
     animationFrame,
+    clearInterval,
     document,
     on,
+    setInterval,
     updateMediaElement
 );
 

package/src/types/index.ts

@@ -1,3 +1,4 @@
 export * from './prepare-timing-state-vector-function';
+export * from './prepare-update-vector-function';
 export * from './update-function';
 export * from './update-vector-with-custom-state';

package/src/types/prepare-update-vector-function.ts

@@ -0,0 +1,3 @@
+import { IUpdateVector } from '../interfaces';
+
+export type TPrepareUpdateVectorFunction = (updateVector: IUpdateVector) => IUpdateVector;