@uimaxbai/am-lyrics 0.4.1 → 0.4.3

package/README.md

@@ -28,6 +28,7 @@ Or, just use the CDN.
   hide-source-footer="false"
   font-family="'Inter', Arial, sans-serif"
   autoscroll
+  interpolate
 ></am-lyrics>
 <!--
 <am-lyrics
@@ -40,6 +41,7 @@ Or, just use the CDN.
   hide-source-footer="false"        // Controls whether the footer at the bottom is a larger one or a more compact GitHub link.
   font-family="'Inter', sans-serif" // BYOF
   autoscroll                        // Self-explanatory
+  interpolate                       // Whether to animate the progress of the words
   @line-click=${handleLineClick}    // Event listener for line clicks to skip to that part of the song.
 ></am-lyrics>
 -->

package/demo/index.html

@@ -31,6 +31,7 @@
     hide-source-footer="true"
     font-family="'Inter', Arial, sans-serif"
     autoscroll
+    interpolate="false"
   ></am-lyrics>
   <!--
   <am-lyrics
@@ -43,6 +44,7 @@
     hide-source-footer="false"        // Controls whether the footer at the bottom is a larger one or a more compact GitHub link.
     font-family="'Inter', sans-serif" // BYOF
     autoscroll                        // Self-explanatory
+    interpolate                       // Whether to animate the progress of the words
     @line-click=${handleLineClick}    // Event listener for line clicks to skip to that part of the song.
   ></am-lyrics>
   -->
@@ -68,7 +70,7 @@
       if (!amLyrics) return;
 
       const elapsedTime = Date.now() - systemStartTime;
-      amLyrics.currentTime = Math.round(songStartTime + elapsedTime / 1000) * 1000; // Convert to milliseconds
+      amLyrics.currentTime = songStartTime + elapsedTime; // Convert to milliseconds
 
       animationFrameId = requestAnimationFrame(animate);
     }

package/dist/src/AmLyrics.d.ts

@@ -14,26 +14,30 @@ export declare class AmLyrics extends LitElement {
     currentTime: number;
     private isLoading;
     private lyrics?;
-    private activeLineIndex;
-    private activeMainWordIndex;
-    private activeBackgroundWordIndex;
+    private activeLineIndices;
+    private activeMainWordIndices;
+    private activeBackgroundWordIndices;
     private mainWordProgress;
     private backgroundWordProgress;
     private animationFrameId?;
-    private mainWordAnimation;
-    private backgroundWordAnimation;
+    private mainWordAnimations;
+    private backgroundWordAnimations;
     private lyricsContainer?;
+    private lastInstrumentalIndex;
     connectedCallback(): void;
     disconnectedCallback(): void;
     private fetchLyrics;
     firstUpdated(): void;
     updated(changedProperties: Map<string | number | symbol, unknown>): void;
-    private findActiveLineIndex;
+    private static arraysEqual;
+    private findActiveLineIndices;
+    private findInstrumentalGapAt;
     private startAnimationFromTime;
     private updateActiveLineAndWords;
     private setupAnimations;
     private handleLineClick;
     private scrollToActiveLine;
+    private scrollToInstrumental;
     private animateProgress;
     render(): import("lit-html").TemplateResult<1>;
 }

package/dist/src/AmLyrics.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AmLyrics.d.ts","sourceRoot":"","sources":["../../src/AmLyrics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AA2B5C,qBAAa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,MAAM,0BA8GX;IAGF,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,cAAc,SAAU;IAGxB,oBAAoB,SAAa;IAGjC,gBAAgB,UAAS;IAGzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,WAAW,SAAK;IAGhB,OAAO,CAAC,SAAS,CAAS;IAG1B,OAAO,CAAC,MAAM,CAAC,CAAe;IAG9B,OAAO,CAAC,eAAe,CAAM;IAG7B,OAAO,CAAC,mBAAmB,CAAM;IAGjC,OAAO,CAAC,yBAAyB,CAAM;IAGvC,OAAO,CAAC,gBAAgB,CAAK;IAG7B,OAAO,CAAC,sBAAsB,CAAK;IAEnC,OAAO,CAAC,gBAAgB,CAAC,CAAS;IAElC,OAAO,CAAC,iBAAiB,CAAiC;IAE1D,OAAO,CAAC,uBAAuB,CAAiC;IAGhE,OAAO,CAAC,eAAe,CAAC,CAAc;IAEtC,iBAAiB;IAKjB,oBAAoB;YAON,WAAW;IAqDzB,YAAY;IAIZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAiCjE,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,sBAAsB;IAuD9B,OAAO,CAAC,wBAAwB;IAuChC,OAAO,CAAC,eAAe;IAoCvB,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,kBAAkB;IAmB1B,OAAO,CAAC,eAAe;IAyGvB,MAAM;CAwHP"}
+{"version":3,"file":"AmLyrics.d.ts","sourceRoot":"","sources":["../../src/AmLyrics.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,UAAU,EAAE,MAAM,KAAK,CAAC;AA4B5C,qBAAa,QAAS,SAAQ,UAAU;IACtC,MAAM,CAAC,MAAM,0BAwIX;IAGF,KAAK,CAAC,EAAE,MAAM,CAAC;IAGf,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,IAAI,CAAC,EAAE,MAAM,CAAC;IAGd,cAAc,SAAU;IAGxB,oBAAoB,SAAa;IAGjC,gBAAgB,UAAS;IAGzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAGpB,UAAU,UAAQ;IAGlB,WAAW,UAAQ;IAGnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,WAAW,SAAK;IAGhB,OAAO,CAAC,SAAS,CAAS;IAG1B,OAAO,CAAC,MAAM,CAAC,CAAe;IAG9B,OAAO,CAAC,iBAAiB,CAAgB;IAGzC,OAAO,CAAC,qBAAqB,CAAkC;IAG/D,OAAO,CAAC,2BAA2B,CAAkC;IAGrE,OAAO,CAAC,gBAAgB,CAAkC;IAG1D,OAAO,CAAC,sBAAsB,CAAkC;IAEhE,OAAO,CAAC,gBAAgB,CAAC,CAAS;IAElC,OAAO,CAAC,kBAAkB,CAGZ;IAEd,OAAO,CAAC,wBAAwB,CAGlB;IAGd,OAAO,CAAC,eAAe,CAAC,CAAc;IAEtC,OAAO,CAAC,qBAAqB,CAAuB;IAEpD,iBAAiB;IAKjB,oBAAoB;YAON,WAAW;IAqDzB,YAAY;IAIZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,OAAO,CAAC;IAmDjE,OAAO,CAAC,MAAM,CAAC,WAAW;IAI1B,OAAO,CAAC,qBAAqB;IAW7B,OAAO,CAAC,qBAAqB;IAiC7B,OAAO,CAAC,sBAAsB;IA8D9B,OAAO,CAAC,wBAAwB;IAwChC,OAAO,CAAC,eAAe;IA4CvB,OAAO,CAAC,eAAe;IAWvB,OAAO,CAAC,kBAAkB;IAqB1B,OAAO,CAAC,oBAAoB;IAe5B,OAAO,CAAC,eAAe;IA4HvB,MAAM;CA2JP"}