@audiowalk/sdk 1.5.1 → 1.5.3

package/dist/helpers/objects.d.ts

@@ -0,0 +1,2 @@
+export type PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+//# sourceMappingURL=objects.d.ts.map

package/dist/helpers/objects.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"objects.d.ts","sourceRoot":"","sources":["../../src/helpers/objects.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,CAAC,CAAC,EAAE,CAAC,SAAS,MAAM,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC"}

package/dist/helpers/objects.js

@@ -0,0 +1 @@
+export {};

package/dist/player/player-controller.d.ts

@@ -1,12 +1,13 @@
 import { BehaviorSubject, Subject } from "rxjs";
+import { PartialBy } from "../helpers/objects";
 export interface PlayerControllerOptions {
     autoSave?: boolean;
     audioElement?: HTMLAudioElement;
     loop?: boolean;
-    fadeIn?: boolean;
-    fadeOut?: boolean;
-    fadeInterval?: number;
+    crossfade?: boolean;
+    crossfadeTime: number;
 }
+export type PlayerControllerParams = PartialBy<PlayerControllerOptions, "crossfadeTime">;
 export declare enum PlayerStatus {
     "playing" = "playing",
     "paused" = "paused",
@@ -27,19 +28,13 @@ export declare class PlayerController {
     private options;
     private defaultOptions;
     private destroyEvent;
-    private fadeIntervalSubscription?;
-    private fadePromiseResolve?;
-    constructor(trackId: string, trackUrl: string, options?: PlayerControllerOptions);
+    private volume;
+    constructor(trackId: string, trackUrl: string, options?: PlayerControllerParams);
     open(id: string, file: string): Promise<void>;
-    destroy(): Promise<void>;
-    play(options?: {
-        fadeIn?: boolean;
-    }): Promise<void>;
-    fadeIn(): Promise<void>;
-    fadeOut(): Promise<void>;
-    pause(options?: {
-        fadeIn?: boolean;
-    }): Promise<void>;
+    destroy(now?: boolean): Promise<void>;
+    play(): Promise<void>;
+    pause(): Promise<void>;
+    setVolume(volume: number): void;
     seekTo(seconds: number): void;
     back(seconds?: number): void;
     forward(seconds?: number): void;

package/dist/player/player-controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"player-controller.d.ts","sourceRoot":"","sources":["../../src/player/player-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAsB,OAAO,EAA8B,MAAM,MAAM,CAAC;AAGhG,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,oBAAY,YAAY;IACtB,SAAS,YAAY;IACrB,QAAQ,WAAW;IACnB,OAAO,UAAU;CAClB;AAED,qBAAa,gBAAgB;IAC3B,SAAgB,MAAM,gBAAuB;IAC7C,SAAgB,OAAO,gBAAuB;IAC9C,SAAgB,MAAM,gBAAuB;IAE7C,SAAgB,WAAW,0BAAkC;IAC7D,SAAgB,SAAS,0BAAkC;IAC3D,SAAgB,QAAQ,oCAEtB;IAEF,OAAO,CAAC,OAAO,CAAuB;IAEtC,SAAgB,MAAM,uCAAkD;IACxE,SAAgB,OAAO,qCAA2D;IAElF,OAAO,CAAC,aAAa,CAAmB;IAExC,OAAO,CAAC,YAAY,CAA0C;IAE9D,OAAO,CAAC,OAAO,CAAoF;IACnG,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,YAAY,CAAuB;IAE3C,OAAO,CAAC,wBAAwB,CAAC,CAAS;IAC1C,OAAO,CAAC,kBAAkB,CAAC,CAAa;gBAE5B,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,GAAE,uBAA4B;IA8D9E,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IAQ7B,OAAO;IAQP,IAAI,CAAC,OAAO,GAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAO;IASvC,MAAM;IAoBN,OAAO;IAmBP,KAAK,CAAC,OAAO,GAAE;QAAE,MAAM,CAAC,EAAE,OAAO,CAAA;KAAO;IAQ9C,MAAM,CAAC,OAAO,EAAE,MAAM;IAOtB,IAAI,CAAC,OAAO,GAAE,MAAW;IAOzB,OAAO,CAAC,OAAO,GAAE,MAAW;YAQd,YAAY;IAK1B,OAAO,CAAC,GAAG;CAOZ"}
+{"version":3,"file":"player-controller.d.ts","sourceRoot":"","sources":["../../src/player/player-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAsB,OAAO,EAAa,MAAM,MAAM,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAG/C,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAChC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,MAAM,sBAAsB,GAAG,SAAS,CAAC,uBAAuB,EAAE,eAAe,CAAC,CAAC;AAEzF,oBAAY,YAAY;IACtB,SAAS,YAAY;IACrB,QAAQ,WAAW;IACnB,OAAO,UAAU;CAClB;AAED,qBAAa,gBAAgB;IAC3B,SAAgB,MAAM,gBAAuB;IAC7C,SAAgB,OAAO,gBAAuB;IAC9C,SAAgB,MAAM,gBAAuB;IAE7C,SAAgB,WAAW,0BAAkC;IAC7D,SAAgB,SAAS,0BAAkC;IAC3D,SAAgB,QAAQ,oCAEtB;IAEF,OAAO,CAAC,OAAO,CAAuB;IAEtC,SAAgB,MAAM,uCAAkD;IACxE,SAAgB,OAAO,qCAA2D;IAElF,OAAO,CAAC,aAAa,CAAmB;IAExC,OAAO,CAAC,YAAY,CAA0C;IAE9D,OAAO,CAAC,OAAO,CAA0B;IAEzC,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,YAAY,CAAuB;IAE3C,OAAO,CAAC,MAAM,CAAa;gBAEf,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,GAAE,sBAA2B;IAyE7E,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM;IAQ7B,OAAO,CAAC,GAAG,CAAC,EAAE,OAAO;IAWrB,IAAI;IAOJ,KAAK;IAQX,SAAS,CAAC,MAAM,EAAE,MAAM;IAKxB,MAAM,CAAC,OAAO,EAAE,MAAM;IAOtB,IAAI,CAAC,OAAO,GAAE,MAAW;IAOzB,OAAO,CAAC,OAAO,GAAE,MAAW;YAQd,YAAY;IAK1B,OAAO,CAAC,GAAG;CAOZ"}

package/dist/player/player-controller.js

@@ -1,4 +1,4 @@
-import { BehaviorSubject, combineLatest, map, Subject, take, takeUntil, takeWhile } from "rxjs";
+import { BehaviorSubject, combineLatest, map, Subject, takeUntil } from "rxjs";
 import { LocalStorage } from "../storage/local-storage";
 export var PlayerStatus;
 (function (PlayerStatus) {
@@ -20,11 +20,10 @@ export class PlayerController {
     localStorage = new LocalStorage({ prefix: "player" });
     options;
     defaultOptions = {
-        fadeInterval: 2000,
+        crossfadeTime: 2000,
     };
     destroyEvent = new Subject();
-    fadeIntervalSubscription;
-    fadePromiseResolve;
+    volume = 1;
     constructor(trackId, trackUrl, options = {}) {
         this.options = { ...this.defaultOptions, ...options };
         this.playerElement = this.options.audioElement ?? new Audio();
@@ -36,10 +35,12 @@ export class PlayerController {
             this.onPause.next();
             this.status.next(PlayerStatus.paused);
         });
-        this.playerElement.addEventListener("ended", () => {
-            this.onStop.next();
-            this.status.next(PlayerStatus.ended);
-        });
+        if (!this.options.crossfade && !this.options.loop) {
+            this.playerElement.addEventListener("ended", () => {
+                this.onStop.next();
+                this.status.next(PlayerStatus.ended);
+            });
+        }
         this.playerElement.addEventListener("loadedmetadata", (event) => {
             if (this.playerElement.duration) {
                 this.totalTime.next(this.playerElement.duration);
@@ -54,12 +55,24 @@ export class PlayerController {
         if (this.options.autoSave) {
             this.currentTime.pipe(takeUntil(this.destroyEvent)).subscribe((currentTime) => this.savePosition(currentTime));
         }
-        if (this.options.fadeOut && !this.options.loop) {
+        if (this.options.crossfade && !this.options.loop) {
             combineLatest([this.currentTime, this.totalTime])
                 .pipe(takeUntil(this.destroyEvent))
-                .pipe(takeWhile(([currentTime, totalTime]) => totalTime - currentTime < this.options.fadeInterval), take(1))
-                .subscribe(async (currentTime) => {
-                this.fadeOut();
+                .subscribe(([currentTime, totalTime]) => {
+                const crossfadeTime = this.options.crossfadeTime / 1000;
+                if (currentTime >= totalTime - crossfadeTime) {
+                    this.playerElement.volume = (totalTime - currentTime) / crossfadeTime;
+                    if (this.status.value !== PlayerStatus.ended) {
+                        this.onStop.next();
+                        this.status.next(PlayerStatus.ended);
+                    }
+                }
+                else if (currentTime < crossfadeTime) {
+                    this.playerElement.volume = currentTime / crossfadeTime;
+                }
+                else {
+                    this.playerElement.volume = this.volume;
+                }
             });
         }
         if (this.options.loop) {
@@ -78,60 +91,34 @@ export class PlayerController {
         if (position && this.options.autoSave)
             this.playerElement.currentTime = position;
     }
-    async destroy() {
-        this.destroyEvent.next();
-        await this.pause();
-        this.playerElement.remove();
+    async destroy(now) {
+        if (this.options.crossfade) {
+            // destroy later to enable fade out
+            setTimeout(() => this.destroy(true), this.options.crossfadeTime);
+        }
+        else {
+            this.destroyEvent.next();
+            await this.pause();
+            this.playerElement.remove();
+        }
     }
-    async play(options = {}) {
+    async play() {
         if (!this.playerElement.src)
             throw new Error("No file opened");
         this.log("Called play");
-        this.playerElement?.play();
-        if (options.fadeIn !== undefined ? options.fadeIn : this.options.fadeIn)
-            await this.fadeIn();
-    }
-    async fadeIn() {
-        if (!this.options.fadeInterval) {
-            clearInterval(this.fadeIntervalSubscription);
-            this.fadePromiseResolve?.();
-        }
-        return new Promise((resolve) => {
-            this.playerElement.volume = 0;
-            this.fadePromiseResolve = resolve;
-            this.fadeIntervalSubscription = setInterval(() => {
-                if (this.playerElement.volume >= 1) {
-                    clearInterval(this.fadeIntervalSubscription);
-                    return resolve();
-                }
-                this.playerElement.volume += (1 / this.options.fadeInterval) * 100;
-            }, 100);
-        });
+        await this.playerElement?.play();
     }
-    async fadeOut() {
-        if (!this.options.fadeInterval) {
-            clearInterval(this.fadeIntervalSubscription);
-            this.fadePromiseResolve?.();
-        }
-        return new Promise((resolve) => {
-            this.fadePromiseResolve = resolve;
-            this.fadeIntervalSubscription = setInterval(() => {
-                if (this.playerElement.volume <= 0) {
-                    clearInterval(this.fadeIntervalSubscription);
-                    this.playerElement.pause();
-                    return;
-                }
-                this.playerElement.volume -= (1 / this.options.fadeInterval) * 100;
-            }, 100);
-        });
-    }
-    async pause(options = {}) {
+    async pause() {
         if (!this.playerElement.src)
             throw new Error("No file opened");
+        if (this.status.value === PlayerStatus.ended)
+            return;
         this.log("Called pause");
         this.playerElement?.pause();
-        if (options.fadeIn !== undefined ? options.fadeIn : this.options.fadeIn)
-            await this.fadeOut();
+    }
+    setVolume(volume) {
+        this.volume = volume;
+        this.playerElement.volume = Math.max(Math.min(volume, 1), 0);
     }
     seekTo(seconds) {
         if (!this.playerElement.src)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@audiowalk/sdk",
-  "version": "1.5.1",
+  "version": "1.5.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/audiowalk-cz/components.git"