@applemusic-like-lyrics/core 0.4.1 → 0.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +661 -0
- package/README.md +2 -2
- package/dist/amll-core.cjs +803 -1480
- package/dist/amll-core.cjs.map +1 -1
- package/dist/amll-core.d.cts +196 -246
- package/dist/amll-core.d.mts +196 -246
- package/dist/amll-core.mjs +803 -1480
- package/dist/amll-core.mjs.map +1 -1
- package/dist/style.css +5 -165
- package/package.json +87 -69
package/dist/amll-core.d.mts
CHANGED
|
@@ -368,32 +368,83 @@ declare class Spring {
|
|
|
368
368
|
getCurrentPosition(): number;
|
|
369
369
|
}
|
|
370
370
|
//#endregion
|
|
371
|
-
//#region src/lyric-player/
|
|
371
|
+
//#region src/lyric-player/base/consts.d.ts
|
|
372
|
+
type ValueOf<T extends Record<PropertyKey, unknown>> = T[keyof T];
|
|
373
|
+
/** 歌词中不雅用语的掩码模式 */
|
|
374
|
+
declare const MaskObsceneWordsMode: {
|
|
375
|
+
/** 禁用任何不雅用语掩码 */readonly Disabled: ""; /** 完全掩码所有不雅用语 */
|
|
376
|
+
readonly FullMask: "full-mask"; /** 保留首尾字符,屏蔽中间字符 */
|
|
377
|
+
readonly PartialMask: "partial-mask";
|
|
378
|
+
};
|
|
379
|
+
/** 歌词中不雅用语的掩码模式枚举类型,见 {@link MaskObsceneWordsMode} */
|
|
380
|
+
type MaskObsceneWordsMode = ValueOf<typeof MaskObsceneWordsMode>;
|
|
381
|
+
/**
|
|
382
|
+
* 歌词行的渲染模式
|
|
383
|
+
* @internal
|
|
384
|
+
*/
|
|
385
|
+
declare const LyricLineRenderMode: {
|
|
386
|
+
readonly SOLID: 0;
|
|
387
|
+
readonly GRADIENT: 1;
|
|
388
|
+
};
|
|
389
|
+
/**
|
|
390
|
+
* 歌词行的渲染模式枚举类型,见 {@link LyricLineRenderMode}
|
|
391
|
+
* @internal
|
|
392
|
+
*/
|
|
393
|
+
type LyricLineRenderMode = ValueOf<typeof LyricLineRenderMode>;
|
|
394
|
+
/** 布局对齐锚点 */
|
|
395
|
+
declare const LayoutAlignAnchor: {
|
|
396
|
+
readonly Top: "top";
|
|
397
|
+
readonly Center: "center";
|
|
398
|
+
readonly Bottom: "bottom";
|
|
399
|
+
};
|
|
400
|
+
/** 布局对齐锚点枚举类型,见 {@link LayoutAlignAnchor} */
|
|
401
|
+
type LayoutAlignAnchor = ValueOf<typeof LayoutAlignAnchor>;
|
|
402
|
+
//#endregion
|
|
403
|
+
//#region src/lyric-player/base/line.d.ts
|
|
372
404
|
interface LineTransforms$1 {
|
|
373
|
-
posX: Spring;
|
|
374
405
|
posY: Spring;
|
|
406
|
+
scale: Spring;
|
|
375
407
|
}
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
|
|
408
|
+
/**
|
|
409
|
+
* 所有标准歌词行的基类
|
|
410
|
+
* @internal
|
|
411
|
+
*/
|
|
412
|
+
declare abstract class LyricLineBase extends EventTarget implements Disposable {
|
|
413
|
+
protected top: number;
|
|
414
|
+
protected scale: number;
|
|
415
|
+
protected blur: number;
|
|
416
|
+
protected opacity: number;
|
|
417
|
+
protected delay: number;
|
|
383
418
|
readonly lineTransforms: LineTransforms$1;
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
419
|
+
/**
|
|
420
|
+
* 用于 CJK 词语边界检测的分词器
|
|
421
|
+
*/
|
|
422
|
+
static readonly wordSegmenter: Intl.Segmenter | null;
|
|
423
|
+
/**
|
|
424
|
+
* Unicode 标准的全局 Grapheme Cluster 分词器
|
|
425
|
+
* 用于正确处理 emoji、复合字符等
|
|
426
|
+
*/
|
|
427
|
+
static readonly graphemeSegmenter: Intl.Segmenter | null;
|
|
428
|
+
abstract getLine(): LyricLine;
|
|
429
|
+
abstract enable(time?: number, shouldPlay?: boolean): void;
|
|
430
|
+
abstract disable(): void;
|
|
431
|
+
abstract resume(): void;
|
|
432
|
+
abstract pause(): void;
|
|
433
|
+
onLineSizeChange(_size: [number, number]): void;
|
|
434
|
+
setTransform(top?: number, scale?: number, opacity?: number, blur?: number, _force?: boolean, delay?: number, _mode?: LyricLineRenderMode): void;
|
|
435
|
+
rebuildElement(): void;
|
|
436
|
+
/**
|
|
437
|
+
* 判定歌词是否可以应用强调辉光效果
|
|
438
|
+
*
|
|
439
|
+
* 果子在对辉光效果的解释是一种强调(emphasized)效果
|
|
440
|
+
*
|
|
441
|
+
* 条件是一个单词时长大于等于 1s 且长度小于等于 7
|
|
442
|
+
*
|
|
443
|
+
* @param word 单词
|
|
444
|
+
* @returns 是否可以应用强调辉光效果
|
|
445
|
+
*/
|
|
446
|
+
static shouldEmphasize(word: LyricWord): boolean;
|
|
447
|
+
abstract update(delta?: number): void;
|
|
397
448
|
dispose(): void;
|
|
398
449
|
}
|
|
399
450
|
//#endregion
|
|
@@ -420,14 +471,117 @@ declare class InterludeDots implements HasElement, Disposable {
|
|
|
420
471
|
dispose(): void;
|
|
421
472
|
}
|
|
422
473
|
//#endregion
|
|
423
|
-
//#region src/lyric-player/base.d.ts
|
|
474
|
+
//#region src/lyric-player/base/bottom-line.d.ts
|
|
475
|
+
interface LineTransforms {
|
|
476
|
+
posX: Spring;
|
|
477
|
+
posY: Spring;
|
|
478
|
+
}
|
|
479
|
+
declare class BottomLineEl implements HasElement, Disposable {
|
|
480
|
+
private lyricPlayer;
|
|
481
|
+
private element;
|
|
482
|
+
private left;
|
|
483
|
+
private top;
|
|
484
|
+
private delay;
|
|
485
|
+
lineSize: [number, number];
|
|
486
|
+
readonly lineTransforms: LineTransforms;
|
|
487
|
+
private isFocused;
|
|
488
|
+
private blur;
|
|
489
|
+
constructor(lyricPlayer: LyricPlayerBase);
|
|
490
|
+
measureSize(): Promise<[number, number]>;
|
|
491
|
+
private lastStyle;
|
|
492
|
+
show(): void;
|
|
493
|
+
hide(): void;
|
|
494
|
+
setFocused(focused: boolean): void;
|
|
495
|
+
private rebuildStyle;
|
|
496
|
+
getElement(): HTMLElement;
|
|
497
|
+
setTransform(left?: number, top?: number, blur?: number, force?: boolean, delay?: number): void;
|
|
498
|
+
update(delta?: number): void;
|
|
499
|
+
get isInSight(): boolean;
|
|
500
|
+
dispose(): void;
|
|
501
|
+
}
|
|
502
|
+
//#endregion
|
|
503
|
+
//#region src/lyric-player/base/layout.d.ts
|
|
504
|
+
/**
|
|
505
|
+
* 播放器布局状态。
|
|
506
|
+
*
|
|
507
|
+
* 这部分状态保存布局计算阶段所需的配置项与缓存值,
|
|
508
|
+
* 例如对齐方式、间奏点尺寸、上一轮布局命中的目标行等。
|
|
509
|
+
* 不描述播放时间线或用户滚动交互,仅记录当前歌词排布。
|
|
510
|
+
*/
|
|
511
|
+
interface PlayerLayoutState {
|
|
512
|
+
/** 间奏点元素当前测量得到的尺寸 */
|
|
513
|
+
interludeDotsSize: [number, number];
|
|
514
|
+
/** 上一轮布局实际对齐的目标歌词行索引 */
|
|
515
|
+
targetAlignIndex: number;
|
|
516
|
+
/** 上一轮布局时是否处于间奏区间 */
|
|
517
|
+
lastInterludeState: boolean;
|
|
518
|
+
/** 当前歌词目标行的对齐锚点 */
|
|
519
|
+
alignAnchor: LayoutAlignAnchor;
|
|
520
|
+
/** 当前歌词目标行在播放器高度中的相对对齐位置 */
|
|
521
|
+
alignPosition: number;
|
|
522
|
+
/** 视口上下额外保留的预渲染距离,单位为像素 */
|
|
523
|
+
overscanPx: number;
|
|
524
|
+
}
|
|
525
|
+
//#endregion
|
|
526
|
+
//#region src/lyric-player/base/scroll.d.ts
|
|
424
527
|
/**
|
|
425
|
-
*
|
|
528
|
+
* 播放器滚动状态。
|
|
529
|
+
*
|
|
530
|
+
* 这部分状态描述用户手势/滚轮滚动产生的临时偏移,以及当前允许滚动的范围。
|
|
531
|
+
* 改状态仅记录用户如何把当前视图上下拖动,不决定应该滚动到哪一行,
|
|
532
|
+
* 后者由时间线状态与布局计算共同决定。
|
|
533
|
+
*/
|
|
534
|
+
interface PlayerScrollState {
|
|
535
|
+
/** 允许的滚动偏移范围 */
|
|
536
|
+
scrollBoundary: {
|
|
537
|
+
/** 允许的最小偏移量 */minOffset: number; /** 允许的最大偏移量 */
|
|
538
|
+
maxOffset: number;
|
|
539
|
+
};
|
|
540
|
+
/** 当前用户滚动带来的额外偏移量 */
|
|
541
|
+
scrollOffset: number;
|
|
542
|
+
/** 是否允许用户通过手势或滚轮滚动歌词视图 */
|
|
543
|
+
allowScroll: boolean;
|
|
544
|
+
/** 是否处于用户滚动过,尚未回归自动对齐的状态 */
|
|
545
|
+
isScrolled: boolean;
|
|
546
|
+
/** 是否正在进行滚动交互或惯性滚动 */
|
|
547
|
+
isUserScrolling: boolean;
|
|
548
|
+
}
|
|
549
|
+
//#endregion
|
|
550
|
+
//#region src/lyric-player/base/timeline.d.ts
|
|
551
|
+
/**
|
|
552
|
+
* 播放时间线状态。
|
|
553
|
+
*
|
|
554
|
+
* 描述播放器在时间轴上的当前位置,当前处于激活状态的歌词行信息
|
|
555
|
+
*/
|
|
556
|
+
interface PlayerTimelineState {
|
|
557
|
+
/** 当前播放时间,单位为毫秒 */
|
|
558
|
+
currentTime: number;
|
|
559
|
+
/** 上一次提交到时间线状态的播放时间,单位为毫秒 */
|
|
560
|
+
lastCurrentTime: number;
|
|
561
|
+
/** 热行:当前时间 {@link currentTime} 正在命中的行(含主行+可能的背景行) */
|
|
562
|
+
hotLines: Set<number>;
|
|
563
|
+
/** 缓冲行:UI 上还保持激活表现的行,通常包含热行,并包含刚结束仍在过渡中的行 */
|
|
564
|
+
bufferedLines: Set<number>;
|
|
565
|
+
/** 当前应滚动对齐到的歌词行索引 */
|
|
566
|
+
scrollToIndex: number;
|
|
567
|
+
/** 是否正在拖拽进度条。若是,更新时丢弃缓冲行,并根据当前时间直接计算热行 */
|
|
568
|
+
isSeeking: boolean;
|
|
569
|
+
/** 是否处于播放状态 */
|
|
570
|
+
isPlaying: boolean;
|
|
571
|
+
/** 是否已经完成至少一次初始布局 */
|
|
572
|
+
initialLayoutFinished: boolean;
|
|
573
|
+
}
|
|
574
|
+
//#endregion
|
|
575
|
+
//#region src/lyric-player/base/index.d.ts
|
|
576
|
+
/**
|
|
577
|
+
* 歌词播放器的基类,已经包含了有关歌词操作和排版的功能,
|
|
578
|
+
* 子类需要为其实现对应的显示展示操作
|
|
426
579
|
*/
|
|
427
580
|
declare abstract class LyricPlayerBase extends EventTarget implements HasElement, Disposable {
|
|
428
581
|
protected element: HTMLElement;
|
|
429
582
|
abstract get baseFontSize(): number;
|
|
430
|
-
|
|
583
|
+
/** 播放时间线状态 */
|
|
584
|
+
protected timelineState: PlayerTimelineState;
|
|
431
585
|
/** @internal */
|
|
432
586
|
lyricLinesSize: WeakMap<LyricLineBase, [number, number]>;
|
|
433
587
|
/** @internal */
|
|
@@ -435,13 +589,10 @@ declare abstract class LyricPlayerBase extends EventTarget implements HasElement
|
|
|
435
589
|
protected currentLyricLines: LyricLine[];
|
|
436
590
|
protected processedLines: LyricLine[];
|
|
437
591
|
protected lyricLinesIndexes: WeakMap<LyricLineBase, number>;
|
|
438
|
-
protected hotLines: Set<number>;
|
|
439
|
-
protected bufferedLines: Set<number>;
|
|
440
592
|
protected isNonDynamic: boolean;
|
|
441
593
|
protected hasDuetLine: boolean;
|
|
442
|
-
protected scrollToIndex: number;
|
|
443
594
|
protected disableSpring: boolean;
|
|
444
|
-
protected
|
|
595
|
+
protected layoutState: PlayerLayoutState;
|
|
445
596
|
protected interludeDots: InterludeDots;
|
|
446
597
|
protected bottomLine: BottomLineEl;
|
|
447
598
|
protected enableBlur: boolean;
|
|
@@ -449,28 +600,11 @@ declare abstract class LyricPlayerBase extends EventTarget implements HasElement
|
|
|
449
600
|
protected maskObsceneWords: MaskObsceneWordsMode;
|
|
450
601
|
protected maskObsceneWordChar: string;
|
|
451
602
|
protected hidePassedLines: boolean;
|
|
452
|
-
protected
|
|
603
|
+
protected scrollState: PlayerScrollState;
|
|
453
604
|
protected currentLyricLineObjects: LyricLineBase[];
|
|
454
|
-
protected isSeeking: boolean;
|
|
455
|
-
protected lastCurrentTime: number;
|
|
456
|
-
protected alignAnchor: "top" | "bottom" | "center";
|
|
457
|
-
protected alignPosition: number;
|
|
458
|
-
protected scrollOffset: number;
|
|
459
605
|
readonly size: [number, number];
|
|
460
|
-
protected allowScroll: boolean;
|
|
461
606
|
protected isPageVisible: boolean;
|
|
462
607
|
protected optimizeOptions: OptimizeLyricOptions;
|
|
463
|
-
protected initialLayoutFinished: boolean;
|
|
464
|
-
/**
|
|
465
|
-
* 标记用户是否正在进行滚动交互
|
|
466
|
-
*/
|
|
467
|
-
protected isUserScrolling: boolean;
|
|
468
|
-
protected wheelTimeout: ReturnType<typeof setTimeout> | undefined;
|
|
469
|
-
/**
|
|
470
|
-
* 视图额外预渲染(overscan)距离,单位:像素。
|
|
471
|
-
* 用于决定在视口之外多少距离内也认为是“可见”,以便提前创建/保留行元素。
|
|
472
|
-
*/
|
|
473
|
-
protected overscanPx: number;
|
|
474
608
|
protected posXSpringParams: Partial<SpringParams>;
|
|
475
609
|
protected posYSpringParams: Partial<SpringParams>;
|
|
476
610
|
protected scaleSpringParams: Partial<SpringParams>;
|
|
@@ -478,16 +612,12 @@ declare abstract class LyricPlayerBase extends EventTarget implements HasElement
|
|
|
478
612
|
private onPageShow;
|
|
479
613
|
private onPageHide;
|
|
480
614
|
private scrolledHandler;
|
|
481
|
-
protected isScrolled: boolean;
|
|
482
615
|
/** @internal */
|
|
483
616
|
resizeObserver: ResizeObserver;
|
|
484
617
|
protected wordFadeWidth: number;
|
|
485
|
-
protected targetAlignIndex: number;
|
|
486
|
-
protected lastInterludeState: boolean;
|
|
487
618
|
constructor(element?: HTMLElement);
|
|
488
619
|
private beginScrollHandler;
|
|
489
620
|
private endScrollHandler;
|
|
490
|
-
private limitScrollOffset;
|
|
491
621
|
/**
|
|
492
622
|
* 设置文字动画的渐变宽度,单位以歌词行的主文字字体大小的倍数为单位,默认为 0.5,即一个全角字符的一半宽度
|
|
493
623
|
*
|
|
@@ -556,7 +686,7 @@ declare abstract class LyricPlayerBase extends EventTarget implements HasElement
|
|
|
556
686
|
* - 设置成 `center` 的话将会向目标歌词行的垂直中心对齐
|
|
557
687
|
* @param alignAnchor 歌词行对齐方式,详情见函数说明
|
|
558
688
|
*/
|
|
559
|
-
setAlignAnchor(alignAnchor:
|
|
689
|
+
setAlignAnchor(alignAnchor: LayoutAlignAnchor): void;
|
|
560
690
|
/**
|
|
561
691
|
* 设置默认的歌词行对齐位置,相对于整个歌词播放组件的大小位置,默认为 `0.5`
|
|
562
692
|
* @param alignPosition 一个 `[0.0-1.0]` 之间的任意数字,代表组件高度由上到下的比例位置
|
|
@@ -583,15 +713,6 @@ declare abstract class LyricPlayerBase extends EventTarget implements HasElement
|
|
|
583
713
|
*/
|
|
584
714
|
getEnableSpring(): boolean;
|
|
585
715
|
/**
|
|
586
|
-
* 获取当前播放时间里是否处于间奏区间
|
|
587
|
-
* 如果是则会返回单位为毫秒的始末时间
|
|
588
|
-
* 否则返回 undefined
|
|
589
|
-
*
|
|
590
|
-
* 这个只允许内部调用
|
|
591
|
-
* @returns [开始时间,结束时间,大概处于的歌词行ID,下一句是否为对唱歌词] 或 undefined 如果不处于间奏区间
|
|
592
|
-
*/
|
|
593
|
-
protected getCurrentInterlude(): [number, number, number, boolean] | undefined;
|
|
594
|
-
/**
|
|
595
716
|
* 设置歌词的优化配置项,这些配置项默认全部开启
|
|
596
717
|
*
|
|
597
718
|
* 注意,如果在 `setLyricLines` 之后修改此配置,需要重新调用 `setLyricLines()` 才能对当前歌词生效
|
|
@@ -611,14 +732,14 @@ declare abstract class LyricPlayerBase extends EventTarget implements HasElement
|
|
|
611
732
|
*/
|
|
612
733
|
getIsPlaying(): boolean;
|
|
613
734
|
/**
|
|
614
|
-
*
|
|
615
|
-
*
|
|
735
|
+
* 设置当前播放进度,此时将会更新内部的歌词进度信息。
|
|
736
|
+
*
|
|
737
|
+
* 内部会根据调用间隔和播放进度自动决定如何滚动和显示歌词,所以这个的调用频率越快越准确越好。
|
|
738
|
+
* 调用完成后,应每帧调用 {@link update} 方法来执行歌词动画效果。**此函数本身不会触发动画效果**。
|
|
616
739
|
*
|
|
617
|
-
* 调用完成后,可以每帧调用 `update` 函数来执行歌词动画效果
|
|
618
740
|
* @param time 当前播放进度,单位为毫秒
|
|
619
741
|
*/
|
|
620
742
|
setCurrentTime(time: number, isSeek?: boolean): void;
|
|
621
|
-
protected updateDynamicSpringParams(): void;
|
|
622
743
|
/**
|
|
623
744
|
* 重新布局定位歌词行的位置,调用完成后再逐帧调用 `update`
|
|
624
745
|
* 函数即可让歌词通过动画移动到目标位置。
|
|
@@ -637,7 +758,6 @@ declare abstract class LyricPlayerBase extends EventTarget implements HasElement
|
|
|
637
758
|
* @param force 是否绕过弹簧效果强制更新位置
|
|
638
759
|
*/
|
|
639
760
|
calcLayout(sync?: boolean, force?: boolean): Promise<void>;
|
|
640
|
-
protected calculateBlur(itemIndex: number, isActive: boolean, latestIndex: number): number;
|
|
641
761
|
/**
|
|
642
762
|
* 设置所有歌词行在横坐标上的弹簧属性,包括重量、弹力和阻力。
|
|
643
763
|
*
|
|
@@ -657,7 +777,6 @@ declare abstract class LyricPlayerBase extends EventTarget implements HasElement
|
|
|
657
777
|
* @param params 需要设置的弹簧属性,提供的属性将会覆盖原来的属性,未提供的属性将会保持原样
|
|
658
778
|
*/
|
|
659
779
|
setLineScaleSpringParams(params?: Partial<SpringParams>): void;
|
|
660
|
-
protected isPlaying: boolean;
|
|
661
780
|
/**
|
|
662
781
|
* 暂停部分效果演出,目前会暂停播放间奏点的动画,且将背景歌词显示出来
|
|
663
782
|
*/
|
|
@@ -707,55 +826,9 @@ declare abstract class LyricPlayerBase extends EventTarget implements HasElement
|
|
|
707
826
|
getElement(): HTMLElement;
|
|
708
827
|
dispose(): void;
|
|
709
828
|
}
|
|
710
|
-
interface LineTransforms {
|
|
711
|
-
posY: Spring;
|
|
712
|
-
scale: Spring;
|
|
713
|
-
}
|
|
714
|
-
/**
|
|
715
|
-
* 所有标准歌词行的基类
|
|
716
|
-
* @internal
|
|
717
|
-
*/
|
|
718
|
-
declare abstract class LyricLineBase extends EventTarget implements Disposable {
|
|
719
|
-
protected top: number;
|
|
720
|
-
protected scale: number;
|
|
721
|
-
protected blur: number;
|
|
722
|
-
protected opacity: number;
|
|
723
|
-
protected delay: number;
|
|
724
|
-
readonly lineTransforms: LineTransforms;
|
|
725
|
-
/**
|
|
726
|
-
* 用于 CJK 词语边界检测的分词器
|
|
727
|
-
*/
|
|
728
|
-
static readonly wordSegmenter: Intl.Segmenter | null;
|
|
729
|
-
/**
|
|
730
|
-
* Unicode 标准的全局 Grapheme Cluster 分词器
|
|
731
|
-
* 用于正确处理 emoji、复合字符等
|
|
732
|
-
*/
|
|
733
|
-
static readonly graphemeSegmenter: Intl.Segmenter | null;
|
|
734
|
-
abstract getLine(): LyricLine;
|
|
735
|
-
abstract enable(time?: number, shouldPlay?: boolean): void;
|
|
736
|
-
abstract disable(): void;
|
|
737
|
-
abstract resume(): void;
|
|
738
|
-
abstract pause(): void;
|
|
739
|
-
onLineSizeChange(_size: [number, number]): void;
|
|
740
|
-
setTransform(top?: number, scale?: number, opacity?: number, blur?: number, _force?: boolean, delay?: number, _mode?: LyricLineRenderMode): void;
|
|
741
|
-
rebuildElement(): void;
|
|
742
|
-
/**
|
|
743
|
-
* 判定歌词是否可以应用强调辉光效果
|
|
744
|
-
*
|
|
745
|
-
* 果子在对辉光效果的解释是一种强调(emphasized)效果
|
|
746
|
-
*
|
|
747
|
-
* 条件是一个单词时长大于等于 1s 且长度小于等于 7
|
|
748
|
-
*
|
|
749
|
-
* @param word 单词
|
|
750
|
-
* @returns 是否可以应用强调辉光效果
|
|
751
|
-
*/
|
|
752
|
-
static shouldEmphasize(word: LyricWord): boolean;
|
|
753
|
-
abstract update(delta?: number): void;
|
|
754
|
-
dispose(): void;
|
|
755
|
-
}
|
|
756
829
|
//#endregion
|
|
757
830
|
//#region src/lyric-player/dom/lyric-line.d.ts
|
|
758
|
-
interface RealWord
|
|
831
|
+
interface RealWord extends LyricWord {
|
|
759
832
|
mainElement: HTMLSpanElement;
|
|
760
833
|
subElements: HTMLSpanElement[];
|
|
761
834
|
elementAnimations: Animation[];
|
|
@@ -765,14 +838,14 @@ interface RealWord$1 extends LyricWord {
|
|
|
765
838
|
padding: number;
|
|
766
839
|
shouldEmphasize: boolean;
|
|
767
840
|
}
|
|
768
|
-
declare class RawLyricLineMouseEvent
|
|
841
|
+
declare class RawLyricLineMouseEvent extends MouseEvent {
|
|
769
842
|
readonly line: LyricLineBase;
|
|
770
843
|
constructor(line: LyricLineBase, event: MouseEvent);
|
|
771
844
|
}
|
|
772
|
-
type MouseEventMap
|
|
773
|
-
type MouseEventTypes
|
|
774
|
-
type MouseEventListener
|
|
775
|
-
declare class LyricLineEl
|
|
845
|
+
type MouseEventMap = { [evt in keyof HTMLElementEventMap]: HTMLElementEventMap[evt] extends MouseEvent ? evt : never };
|
|
846
|
+
type MouseEventTypes = MouseEventMap[keyof MouseEventMap];
|
|
847
|
+
type MouseEventListener = (this: LyricLineEl, ev: RawLyricLineMouseEvent) => void;
|
|
848
|
+
declare class LyricLineEl extends LyricLineBase {
|
|
776
849
|
private lyricPlayer;
|
|
777
850
|
private lyricLine;
|
|
778
851
|
private element;
|
|
@@ -791,9 +864,9 @@ declare class LyricLineEl$1 extends LyricLineBase {
|
|
|
791
864
|
constructor(lyricPlayer: DomLyricPlayer, lyricLine?: LyricLine);
|
|
792
865
|
private listenersMap;
|
|
793
866
|
private readonly onMouseEvent;
|
|
794
|
-
addMouseEventListener(type: MouseEventTypes
|
|
795
|
-
removeMouseEventListener(type: MouseEventTypes
|
|
796
|
-
areWordsOnSameLine(word1: RealWord
|
|
867
|
+
addMouseEventListener(type: MouseEventTypes, callback: MouseEventListener | null, options?: boolean | AddEventListenerOptions | undefined): void;
|
|
868
|
+
removeMouseEventListener(type: MouseEventTypes, callback: MouseEventListener | null, options?: boolean | EventListenerOptions | undefined): void;
|
|
869
|
+
areWordsOnSameLine(word1: RealWord, word2: RealWord): boolean;
|
|
797
870
|
private isEnabled;
|
|
798
871
|
enable(maskAnimationTime?: number, shouldPlay?: boolean): Promise<void>;
|
|
799
872
|
disable(): void;
|
|
@@ -854,108 +927,7 @@ type LyricLineMouseEventListener = (evt: LyricLineMouseEvent) => void;
|
|
|
854
927
|
* 尽可能贴切 Apple Music for iPad 的歌词效果设计,且做了力所能及的优化措施
|
|
855
928
|
*/
|
|
856
929
|
declare class DomLyricPlayer extends LyricPlayerBase {
|
|
857
|
-
override currentLyricLineObjects: LyricLineEl$1[];
|
|
858
|
-
override onResize(): void;
|
|
859
|
-
readonly supportPlusLighter: boolean;
|
|
860
|
-
readonly supportMaskImage: boolean;
|
|
861
|
-
readonly innerSize: [number, number];
|
|
862
|
-
private readonly onLineClickedHandler;
|
|
863
|
-
/**
|
|
864
|
-
* 是否为非逐词歌词
|
|
865
|
-
* @internal
|
|
866
|
-
*/
|
|
867
|
-
_getIsNonDynamic(): boolean;
|
|
868
|
-
private _baseFontSize;
|
|
869
|
-
get baseFontSize(): number;
|
|
870
|
-
constructor();
|
|
871
|
-
private rebuildStyle;
|
|
872
|
-
override setWordFadeWidth(value?: number): void;
|
|
873
|
-
/**
|
|
874
|
-
* 设置当前播放歌词,要注意传入后这个数组内的信息不得修改,否则会发生错误
|
|
875
|
-
* @param lines 歌词数组
|
|
876
|
-
* @param initialTime 初始时间,默认为 0
|
|
877
|
-
*/
|
|
878
|
-
override setLyricLines(lines: LyricLine[], initialTime?: number): void;
|
|
879
|
-
override pause(): void;
|
|
880
|
-
override resume(): void;
|
|
881
|
-
override update(delta?: number): void;
|
|
882
|
-
override dispose(): void;
|
|
883
|
-
}
|
|
884
|
-
//#endregion
|
|
885
|
-
//#region src/lyric-player/dom-slim/lyric-line.d.ts
|
|
886
|
-
interface RealWord extends LyricWord {
|
|
887
|
-
mainElement: HTMLSpanElement;
|
|
888
|
-
subElements: HTMLSpanElement[];
|
|
889
|
-
elementAnimations: Animation[];
|
|
890
|
-
maskAnimations: Animation[];
|
|
891
|
-
width: number;
|
|
892
|
-
height: number;
|
|
893
|
-
padding: number;
|
|
894
|
-
shouldEmphasize: boolean;
|
|
895
|
-
}
|
|
896
|
-
declare class RawLyricLineMouseEvent extends MouseEvent {
|
|
897
|
-
readonly line: LyricLineEl;
|
|
898
|
-
constructor(line: LyricLineEl, event: MouseEvent);
|
|
899
|
-
}
|
|
900
|
-
type MouseEventMap = { [evt in keyof HTMLElementEventMap]: HTMLElementEventMap[evt] extends MouseEvent ? evt : never };
|
|
901
|
-
type MouseEventTypes = MouseEventMap[keyof MouseEventMap];
|
|
902
|
-
type MouseEventListener = (this: LyricLineEl, ev: RawLyricLineMouseEvent) => void;
|
|
903
|
-
declare class LyricLineEl extends LyricLineBase {
|
|
904
|
-
private lyricPlayer;
|
|
905
|
-
private lyricLine;
|
|
906
|
-
private element;
|
|
907
|
-
private splittedWords;
|
|
908
|
-
lineSize: number[];
|
|
909
|
-
constructor(lyricPlayer: DomSlimLyricPlayer, lyricLine?: LyricLine);
|
|
910
|
-
private listenersMap;
|
|
911
|
-
private readonly onMouseEvent;
|
|
912
|
-
addMouseEventListener(type: MouseEventTypes, callback: MouseEventListener | null, options?: boolean | AddEventListenerOptions | undefined): void;
|
|
913
|
-
removeMouseEventListener(type: MouseEventTypes, callback: MouseEventListener | null, options?: boolean | EventListenerOptions | undefined): void;
|
|
914
|
-
areWordsOnSameLine(word1: RealWord, word2: RealWord): boolean;
|
|
915
|
-
private isEnabled;
|
|
916
|
-
enable(maskAnimationTime?: number): Promise<void>;
|
|
917
|
-
disable(): void;
|
|
918
|
-
private lastWord?;
|
|
919
|
-
resume(): Promise<void>;
|
|
920
|
-
pause(): Promise<void>;
|
|
921
|
-
setMaskAnimationState(maskAnimationTime?: number): void;
|
|
922
|
-
private measureLockMark;
|
|
923
|
-
private measureLock;
|
|
924
|
-
getLine(): LyricLine;
|
|
925
|
-
show(): void;
|
|
926
|
-
hide(): void;
|
|
927
|
-
private rebuildStyle;
|
|
928
|
-
private getRubySegments;
|
|
929
|
-
private buildWordElement;
|
|
930
|
-
override rebuildElement(): void;
|
|
931
|
-
private initEmphasizeAnimation;
|
|
932
|
-
private get totalDuration();
|
|
933
|
-
private maskImageDirty;
|
|
934
|
-
private markImageDirtyPromiseResolve;
|
|
935
|
-
private markImageDirtyPromise;
|
|
936
|
-
markMaskImageDirty(_debugReason?: string): Promise<void>;
|
|
937
|
-
waitMaskImageUpdated(): Promise<void>;
|
|
938
|
-
updateMaskImage(): Promise<void>;
|
|
939
|
-
private generateCalcBasedMaskImage;
|
|
940
|
-
private generateWebAnimationBasedMaskImage;
|
|
941
|
-
getElement(): HTMLElement;
|
|
942
|
-
override setTransform(top?: number, scale?: number, opacity?: number, blur?: number, force?: boolean, delay?: number): void;
|
|
943
|
-
update(delta?: number): void;
|
|
944
|
-
_getDebugTargetPos(): string;
|
|
945
|
-
get isInSight(): boolean;
|
|
946
|
-
private disposeElements;
|
|
947
|
-
override dispose(): void;
|
|
948
|
-
}
|
|
949
|
-
//#endregion
|
|
950
|
-
//#region src/lyric-player/dom-slim/index.d.ts
|
|
951
|
-
/**
|
|
952
|
-
* 歌词播放组件,本框架的核心组件
|
|
953
|
-
*
|
|
954
|
-
* 尽可能贴切 Apple Music for iPad 的歌词效果设计,且做了力所能及的优化措施
|
|
955
|
-
*/
|
|
956
|
-
declare class DomSlimLyricPlayer extends LyricPlayerBase {
|
|
957
930
|
override currentLyricLineObjects: LyricLineEl[];
|
|
958
|
-
private debounceCalcLayout;
|
|
959
931
|
override onResize(): void;
|
|
960
932
|
readonly supportPlusLighter: boolean;
|
|
961
933
|
readonly supportMaskImage: boolean;
|
|
@@ -980,30 +952,8 @@ declare class DomSlimLyricPlayer extends LyricPlayerBase {
|
|
|
980
952
|
override pause(): void;
|
|
981
953
|
override resume(): void;
|
|
982
954
|
override update(delta?: number): void;
|
|
983
|
-
override calcLayout(sync?: boolean): Promise<void>;
|
|
984
955
|
override dispose(): void;
|
|
985
956
|
}
|
|
986
957
|
//#endregion
|
|
987
|
-
|
|
988
|
-
/**
|
|
989
|
-
* 歌词中不雅用语的掩码模式
|
|
990
|
-
*/
|
|
991
|
-
declare enum MaskObsceneWordsMode {
|
|
992
|
-
/** 禁用任何不雅用语掩码 */
|
|
993
|
-
Disabled = "",
|
|
994
|
-
/** 完全掩码所有不雅用语 */
|
|
995
|
-
FullMask = "full-mask",
|
|
996
|
-
/** 保留首尾字符,屏蔽中间字符 */
|
|
997
|
-
PartialMask = "partial-mask"
|
|
998
|
-
}
|
|
999
|
-
/**
|
|
1000
|
-
* 歌词行的渲染模式
|
|
1001
|
-
* @internal
|
|
1002
|
-
*/
|
|
1003
|
-
declare enum LyricLineRenderMode {
|
|
1004
|
-
SOLID = 0,
|
|
1005
|
-
GRADIENT = 1
|
|
1006
|
-
}
|
|
1007
|
-
//#endregion
|
|
1008
|
-
export { AbstractBaseRenderer, BackgroundRender, BaseRenderer, Disposable, DomLyricPlayer, DomLyricPlayer as LyricPlayer, DomSlimLyricPlayer, HasElement, LyricLine, LyricLineMouseEvent, LyricLineMouseEventListener, LyricLineRenderMode, LyricPlayerBase, LyricWord, LyricWordBase, MaskObsceneWordsMode, MeshGradientRenderer, OptimizeLyricOptions, PixiRenderer, type spring_d_exports as spring };
|
|
958
|
+
export { AbstractBaseRenderer, BackgroundRender, BaseRenderer, Disposable, DomLyricPlayer, DomLyricPlayer as LyricPlayer, HasElement, LayoutAlignAnchor, LyricLine, type LyricLineBase, LyricLineMouseEvent, LyricLineMouseEventListener, LyricLineRenderMode, LyricPlayerBase, LyricWord, LyricWordBase, MaskObsceneWordsMode, MeshGradientRenderer, OptimizeLyricOptions, PixiRenderer, type PlayerLayoutState, type PlayerScrollState, type PlayerTimelineState, type spring_d_exports as spring };
|
|
1009
959
|
//# sourceMappingURL=amll-core.d.mts.map
|