feat(add web worker prop): added webworker prop

LottieFiles · Nov 24, 2021 · 8a19443 · 8a19443
1 parent f1f3422
commit 8a19443
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/index.html b/src/index.html
@@ -20,6 +20,7 @@
         speed="1"
         mode="normal"
         style="width: 100%"
+        webworkers="true"
         src="https://assets5.lottiefiles.com/packages/lf20_tl5nafup.json"
       >
       </lottie-player>

diff --git a/src/lottie-player.ts b/src/lottie-player.ts
@@ -200,6 +200,12 @@ export class LottiePlayer extends LitElement {
   @property({ type: String })
   public src?: string;
 
+  /**
+   * Enable web workers
+   */
+  @property({type: Boolean})
+  public webworkers?: boolean;
+
   /**
    * Animation container.
    */
@@ -247,6 +253,10 @@ export class LottiePlayer extends LitElement {
         this._lottie.destroy();
       }
 
+      if(this.webworkers){
+        lottie.useWebWorker();
+      }
+
       // Initialize lottie player and load animation
       this._lottie = lottie.loadAnimation({
         ...options,
@@ -779,4 +789,5 @@ export class LottiePlayer extends LitElement {
 
     this.dispatchEvent(new CustomEvent(PlayerEvents.Freeze));
   }
+
 }