livephotoskit - npm Package Compare versions

Comparing version 1.4.9 to 1.4.10

CHANGELOG.md

 # Change Log
 
+## v1.4.10 (2017-06-05)
+
+- Fixed intermittent playback issues in Mozilla Firefox and Internet Explorer 11.
+- Updated Live Photo playback to match new playback style introduced in iOS 10.3.1.
+
 ## v1.4.9 (2017-05-01)
@@ -4,0 +9,0 @@

index.d.ts

@@ -63,3 +63,3 @@ /*
 
-v1.4.9
+v1.4.10
 */
@@ -129,2 +129,89 @@
 
+export declare interface PlayerProps {
+    /**
+     * The current timestamp, as a floating-point number of seconds from the beginning
+     * of the animation, to display on the screen.
+     */
+    currentTime: number;
+    /**
+     * The style of playback to determine the nature of the animation.
+     */
+    playbackStyle: PlaybackStyle;
+    /**
+     * Whether or not the Player will download the bytes at the provided `videoSrc`
+     * prior to the user or developer attempting to begin playback.
+     */
+    proactivelyLoadsVideo: boolean;
+    /**
+     * The source of the photo component of the Live Photo.
+     */
+    photoSrc: string | ArrayBuffer | null | undefined;
+    /**
+     * The MIME type of the photo asset, either as detected from the network request for it
+     * (if it was provided as a URL on `photoSrc`) or
+     * as provided by the developer prior to assigning a pre-prepared `ArrayBuffer` to `photoSrc`.
+     */
+    photoMimeType: string;
+    /**
+     * The source of the video component of the Live Photo.
+     *
+     * Set this one of three types of value:
+     * - A string URL
+     * - An `ArrayBuffer` instance that may already be available
+     * - `null` (to clear the Player's video)
+     */
+    videoSrc: string | ArrayBuffer | null | undefined;
+    /**
+     * The MIME type of the video asset, either as detected from the network request for it
+     * (if it was provided as a URL on `videoSrc`) or
+     * as provided by the developer prior to assigning a pre-prepared `ArrayBuffer` to
+     * `videoSrc`.
+     */
+    videoMimeType: string | null;
+    /**
+     * In the event that you have one version of the video asset you'd like to use with the
+     * `videoSrc` for the Player, but that video asset
+     * (whether due to format or transcoding or any other reason) doesn't include readable
+     * `photoTime` and/or `frameTimes`
+     * values, you may set this property to a string URL or `ArrayBuffer` featuring the
+     * original QuickTime MOV file that was captured by iPhone. That file will be
+     * parsed (in the same manner as those loaded via `videoSrc`) in order to serve as an
+     * alternate source for the `photoTime` and `frameTimes` properties if they are not
+     * otherwise available.
+     */
+    metadataVideoSrc: string | ArrayBuffer | null | undefined;
+    /**
+     * This is the actual renderable image-bearing DOM element (either an image or a
+     * canvas) that the Player will consume in order to render itself to the screen.
+     */
+    photo: HTMLImageElement | HTMLCanvasElement | null | undefined;
+    /**
+     * This is the actual playable `HTMLVideoElement` that the Player will consume in
+     * order to obtain video frame data to render to the screen while animating the
+     * Live Photo.
+     */
+    video: HTMLVideoElement | null | undefined;
+    /**
+     * This is the timestamp, in seconds from the beginning of the provided video asset,
+     * at which the still photo was captured.
+     */
+    photoTime: number | null | undefined;
+    /**
+     * This is an array of timestamps, each in seconds from the beginning of the
+     * provided video asset, at which the individual video frames reside in the
+     * video. This allows the Player to crossfade between video frames during
+     * playback.
+     */
+    frameTimes: number[] | string | null | undefined;
+    /**
+     * This property takes on a value of either 0, 90, 180, or 270, and is
+     * automatically determined as part of the video loading process.
+     */
+    videoRotation: number;
+    /**
+     * Whether or not the Apple-provided playback controls are enabled for the user.
+     */
+    showsNativeControls: boolean;
+}
+
 /**
@@ -145,5 +232,3 @@ * A function used to augment the target HTML element as a Live Photo player.
  */
-export declare function Player(targetElement?: HTMLElement, options?: {
-    [key: string]: any;
-}): Player;
+export declare function Player(targetElement?: HTMLElement, options?: Partial<PlayerProps>): Player;
 
@@ -153,7 +238,7 @@ /**
  */
-export declare interface Player extends HTMLElement {
+export declare interface Player extends HTMLElement, PlayerProps {
     /**
      * A value that indicates whether this is a Live Photo player.
      */
-    __isLPKPlayer__?: boolean;
+    readonly __isLPKPlayer__: boolean;
     /**
@@ -192,7 +277,2 @@ * Plays the Live Photo animation using the `playbackStyle`.
      * The current timestamp, as a floating-point number of seconds from the beginning
-     * of the animation, to display on the screen.
-     */
-    currentTime: number;
-    /**
-     * The current timestamp, as a floating-point number of seconds from the beginning
      * of the animation, that is truly displayed on the screen.
@@ -206,6 +286,2 @@ */
     readonly duration: number;
-    /*
-     * The style of playback to determine the nature of the animation.
-     */
-    playbackStyle: PlaybackStyle;
     /**
@@ -239,73 +315,2 @@ * Updates the internal layout of the rendered Live Photo to fit inside the
     /**
-     * Whether or not the Player will download the bytes at the provided `videoSrc`
-     * prior to the user or developer attempting to begin playback.
-     */
-    proactivelyLoadsVideo: boolean;
-    /**
-     * The source of the photo component of the Live Photo.
-     */
-    photoSrc: string | ArrayBuffer | null | undefined;
-    /**
-     * The MIME type of the photo asset, either as detected from the network request for it
-     * (if it was provided as a URL on `photoSrc`) or
-     * as provided by the developer prior to assigning a pre-prepared `ArrayBuffer` to `photoSrc`.
-     */
-    photoMimeType: string;
-    /**
-     * The source of the video component of the Live Photo.
-     *
-     * Set this one of three types of value:
-     * - A string URL
-     * - An `ArrayBuffer` instance that may already be available
-     * - `null` (to clear the Player's video)
-     */
-    videoSrc: string | ArrayBuffer | null | undefined;
-    /**
-     * The MIME type of the video asset, either as detected from the network request for it
-     * (if it was provided as a URL on `videoSrc`) or
-     * as provided by the developer prior to assigning a pre-prepared `ArrayBuffer` to
-     * `videoSrc`.
-     */
-    videoMimeType: string | null;
-    /**
-     * In the event that you have one version of the video asset you'd like to use with the
-     * `videoSrc` for the Player, but that video asset
-     * (whether due to format or transcoding or any other reason) doesn't include readable
-     * `photoTime` and/or `frameTimes`
-     * values, you may set this property to a string URL or `ArrayBuffer` featuring the
-     * original QuickTime MOV file that was captured by iPhone. That file will be
-     * parsed (in the same manner as those loaded via `videoSrc`) in order to serve as an
-     * alternate source for the `photoTime` and `frameTimes` properties if they are not
-     * otherwise available.
-     */
-    metadataVideoSrc: string | ArrayBuffer | null | undefined;
-    /**
-     * This is the actual renderable image-bearing DOM element (either an image or a
-     * canvas) that the Player will consume in order to render itself to the screen.
-     */
-    photo: HTMLImageElement | HTMLCanvasElement | null | undefined;
-    /**
-     * This is the actual playable `HTMLVideoElement` that the Player will consume in
-     * order to obtain video frame data to render to the screen while animating the
-     * Live Photo.
-     */
-    video: HTMLVideoElement | null | undefined;
-    /**
-     * This is the timestamp, in seconds from the beginning of the provided video asset,
-     * at which the still photo was captured.
-     */
-    photoTime: number | null | undefined;
-    /**
-     * This is an array of timestamps, each in seconds from the beginning of the
-     * provided video asset, at which the individual video frames reside in the
-     * video. This allows the Player to crossfade between video frames during
-     * playback.
-     */
-    frameTimes: number[] | string | null | undefined;
-    /**
-     * This property takes on a value of either 0, 90, 180, or 270, and is
-     * automatically determined as part of the video loading process.
-     */
-    videoRotation: number;
-    /**
      * This property denotes whether the Player is immediately able to begin
@@ -327,6 +332,2 @@ * playback.
     readonly errors: Error[];
-    /**
-     * Whether or not the Apple-provided playback controls are enabled for the user.
-     */
-    showsNativeControls: boolean;
 }
@@ -333,0 +334,0 @@

package.json

@@ -34,3 +34,3 @@ {
   "types": "index.d.ts",
-  "version": "1.4.9"
+  "version": "1.4.10"
 }

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

URL strings

Supply chain risk

Package contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

154979

-4.11%

Lines of code

948

-5.95%

No dependency changes