@ldelia/react-media 0.8.2 → 0.8.4

package/dist/components/reproduction-widget/models/Player/PlayAlongPlayer.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="youtube" />
+import PlayerState = YT.PlayerState;
 declare const dispatchOnReadyHandlers: unique symbol;
 declare const dispatchOnFinishHandlers: unique symbol;
 export declare class PlayAlongPlayer {
@@ -21,13 +23,12 @@ export declare class PlayAlongPlayer {
     seekTo(seconds: number): void;
     getCurrentTime(): number;
     getDuration(): number;
+    getState(): PlayerState.PLAYING | PlayerState.PAUSED;
     isAvailable(): boolean;
     getAvailablePlaybackRates(): number[];
     setPlaybackRate(playbackRate: number): void;
     on(eventName: keyof typeof PlayAlongPlayer.EVENTS, handler: () => void): number | undefined;
     dispatch(eventName: keyof typeof PlayAlongPlayer.EVENTS): void;
-    countingStarted(): void;
-    countingFinished(): void;
     setVolume(volume: number): void;
     getVolume(): number;
     private setInnerPlayer;

package/dist/components/reproduction-widget/models/Player/PlayAlongPlayer.js

@@ -1,4 +1,5 @@
 import { PLAYER_EVENTS } from './PlayerEvents';
+var PlayerState = YT.PlayerState;
 const dispatchOnReadyHandlers = Symbol();
 const dispatchOnFinishHandlers = Symbol();
 export class PlayAlongPlayer {
@@ -50,6 +51,9 @@ export class PlayAlongPlayer {
     getDuration() {
         return this.duration;
     }
+    getState() {
+        return this.isRunning ? PlayerState.PLAYING : PlayerState.PAUSED;
+    }
     isAvailable() {
         return true;
     }
@@ -85,8 +89,6 @@ export class PlayAlongPlayer {
             handler();
         }
     }
-    countingStarted() { }
-    countingFinished() { }
     setVolume(volume) { }
     getVolume() { return 0; }
     setInnerPlayer(innerPlayer) {

package/dist/components/reproduction-widget/models/Player/YouTubePlayer.d.ts

@@ -28,12 +28,11 @@ export declare class YouTubePlayer {
     getCurrentTime(): number;
     getDuration(): number | undefined;
     getAvailablePlaybackRates(): number[];
+    getState(): YT.PlayerState;
     setPlaybackRate(playbackRate: number): void;
     isAvailable(): boolean;
     on(eventName: keyof typeof PlayAlongPlayer.EVENTS, handler: (error?: any) => void): number | undefined;
     dispatch(eventName: keyof typeof PlayAlongPlayer.EVENTS, error?: any): void;
-    countingStarted(): void;
-    countingFinished(): void;
     private getErrorMessage;
 }
 export {};

package/dist/components/reproduction-widget/models/Player/YouTubePlayer.js

@@ -89,6 +89,9 @@ export class YouTubePlayer {
     getAvailablePlaybackRates() {
         return this.getInnerPlayer().getAvailablePlaybackRates();
     }
+    getState() {
+        return this.getInnerPlayer().getPlayerState();
+    }
     setPlaybackRate(playbackRate) {
         if (!this.getAvailablePlaybackRates().includes(playbackRate)) {
             throw new Error(`The PlayAlongPlayer doesn't support a playbackRate with value ${playbackRate}`);
@@ -128,31 +131,6 @@ export class YouTubePlayer {
             setTimeout(() => handler(error), 0);
         }
     }
-    countingStarted() {
-        /**
-         * iOS browsers enforce strict autoplay policies that require video playback
-         * to begin synchronously within a user interaction event (e.g., a tap or click).
-         * When we implemented the counting-in feature (1, 2, 1, 2, 3, go...),
-         * the asynchronous delays between counts caused iOS to lose the user interaction context,
-         * blocking video playback after the countdown completed.
-         * The video would work fine on web and Android, but fail to start on iOS Safari.
-         * To resolve this, we adopted a muted-first approach:
-         * the video begins playing immediately when the user initiates playback,
-         * but remains muted during the countdown sequence.
-         * Once the countdown completes, we unmute the video and restore the desired volume.
-         * This strategy satisfies iOS's autoplay requirements (muted videos can autoplay)
-         * while preserving the musical countdown experience.
-         * The user never notices the video is playing during the countdown
-         * since it's both muted and visually obscured by the countdown overlay.
-        * */
-        this.getInnerPlayer().setVolume(0);
-        this.getInnerPlayer().playVideo();
-    }
-    countingFinished() {
-        this.getInnerPlayer().pauseVideo();
-        this.getInnerPlayer().seekTo(0, true);
-        this.setVolume(this.volume);
-    }
     getErrorMessage(errorCode) {
         switch (errorCode) {
             case YT.PlayerError.InvalidParam:

package/dist/components/reproduction-widget/models/Reproduction.js

@@ -200,7 +200,6 @@ export class Reproduction {
     }
     countInAndPlay(timeout, limit) {
         // the initial count starts instantly, no need to wait
-        this.player.countingStarted();
         this.countingInCounter++;
         this.dispatch(Reproduction.EVENTS.COUNTING_IN, { countingInCounter: this.countingInCounter });
         const interval = setInterval(() => {
@@ -212,7 +211,6 @@ export class Reproduction {
                     this.countInAndPlay(this.getBPMInterval(), 5);
                 }
                 else {
-                    this.player.countingFinished();
                     this.play();
                 }
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ldelia/react-media",
-  "version": "0.8.2",
+  "version": "0.8.4",
   "description": "A React components collection for media-related features.",
   "private": false,
   "keywords": [