DomLyricPlayer
Defined in: packages/core/src/lyric-player/dom/index.ts:64
歌词播放组件,本框架的核心组件
尽可能贴切 Apple Music for iPad 的歌词效果设计,且做了力所能及的优化措施
Extends
Section titled “Extends”Constructors
Section titled “Constructors”Constructor
Section titled “Constructor”new DomLyricPlayer(): DomLyricPlayer;Defined in: packages/core/src/lyric-player/dom/index.ts:121
Returns
Section titled “Returns”DomLyricPlayer
Overrides
Section titled “Overrides”Properties
Section titled “Properties”Accessors
Section titled “Accessors”baseFontSize
Section titled “baseFontSize”Get Signature
Section titled “Get Signature”get baseFontSize(): number;Defined in: packages/core/src/lyric-player/dom/index.ts:118
Returns
Section titled “Returns”number
Overrides
Section titled “Overrides”defaultLineHeight
Section titled “defaultLineHeight”Get Signature
Section titled “Get Signature”get defaultLineHeight(): number;Defined in: packages/core/src/lyric-player/base/index.ts:160
默认/回退单行歌词估算高度基准 (containerHeight / 5)
Returns
Section titled “Returns”number
Inherited from
Section titled “Inherited from”LyricPlayerBase.defaultLineHeight
hasDuetLine
Section titled “hasDuetLine”Get Signature
Section titled “Get Signature”get protected hasDuetLine(): boolean;Defined in: packages/core/src/lyric-player/base/index.ts:106
Returns
Section titled “Returns”boolean
Inherited from
Section titled “Inherited from”isNonDynamic
Section titled “isNonDynamic”Get Signature
Section titled “Get Signature”get protected isNonDynamic(): boolean;Defined in: packages/core/src/lyric-player/base/index.ts:103
Returns
Section titled “Returns”boolean
Inherited from
Section titled “Inherited from”processedLines
Section titled “processedLines”Get Signature
Section titled “Get Signature”get protected processedLines(): readonly LyricLine[];Defined in: packages/core/src/lyric-player/base/index.ts:100
Returns
Section titled “Returns”readonly LyricLine[]
Inherited from
Section titled “Inherited from”LyricPlayerBase.processedLines
Methods
Section titled “Methods”_getIsNonDynamic()
Section titled “_getIsNonDynamic()”_getIsNonDynamic(): boolean;Defined in: packages/core/src/lyric-player/dom/index.ts:112
Internal
是否为非逐词歌词
Returns
Section titled “Returns”boolean
addEventListener()
Section titled “addEventListener()”addEventListener( type, callback, options?): void;Defined in: node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.dom.d.ts:14380
The addEventListener() method of the EventTarget interface sets up a function that will be called whenever the specified event is delivered to the target.
Parameters
Section titled “Parameters”| Parameter | Type |
|---|---|
type |
string |
callback |
EventListenerOrEventListenerObject | null |
options? |
boolean | AddEventListenerOptions |
Returns
Section titled “Returns”void
Inherited from
Section titled “Inherited from”LyricPlayerBase.addEventListener
buildLyricGroups()
Section titled “buildLyricGroups()”protected buildLyricGroups(): void;Defined in: packages/core/src/lyric-player/dom/index.ts:171
重新构建歌词行和时间状态
一般用于在调用 setLyricProcessConfig 更新配置后手动刷新视图, 或在外部样式/DOM 结构发生改变后重置歌词视图
Returns
Section titled “Returns”void
Overrides
Section titled “Overrides”LyricPlayerBase.buildLyricGroups
calcLayout()
Section titled “calcLayout()”calcLayout(reason): void;Defined in: packages/core/src/lyric-player/base/index.ts:842
Internal
重新计算歌词行的几何排版坐标与视觉状态
此方法不会触发 DOM 强制重排
计算完成后,在每一帧调用 update() / commitChanges() 即可让歌词平滑移动至目标位置
仅供内部和绑定包使用
Parameters
Section titled “Parameters”| Parameter | Type | Description |
|---|---|---|
reason |
LayoutReason |
触发排版布局更新的原因场景 |
Returns
Section titled “Returns”void
Inherited from
Section titled “Inherited from”createBottomLine()
Section titled “createBottomLine()”protected createBottomLine(): BottomLine;Defined in: packages/core/src/lyric-player/dom/index.ts:159
由子类实现的底栏组件创建逻辑
在基类构造函数中调用,子类需要返回对应渲染实现的实例
Returns
Section titled “Returns”Remarks
Section titled “Remarks”工厂执行时子类字段尚未初始化,实现内不得读取子类实例状态, 所需资源应由返回的组件自行创建或延迟获取
Overrides
Section titled “Overrides”LyricPlayerBase.createBottomLine
createInterludeDots()
Section titled “createInterludeDots()”protected createInterludeDots(): InterludeDots;Defined in: packages/core/src/lyric-player/dom/index.ts:155
由子类实现的间奏点组件创建逻辑
在基类构造函数中调用,子类需要返回对应渲染实现的实例
Returns
Section titled “Returns”Remarks
Section titled “Remarks”工厂执行时子类字段尚未初始化,实现内不得读取子类实例状态, 所需资源应由返回的组件自行创建或延迟获取
Overrides
Section titled “Overrides”LyricPlayerBase.createInterludeDots
dispatchEvent()
Section titled “dispatchEvent()”dispatchEvent(event): boolean;Defined in: node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.dom.d.ts:14386
The dispatchEvent() method of the EventTarget sends an Event to the object, (synchronously) invoking the affected event listeners in the appropriate order. The normal event processing rules (including the capturing and optional bubbling phase) also apply to events dispatched manually with dispatchEvent().
Parameters
Section titled “Parameters”| Parameter | Type |
|---|---|
event |
Event |
Returns
Section titled “Returns”boolean
Inherited from
Section titled “Inherited from”dispose()
Section titled “dispose()”dispose(): void;Defined in: packages/core/src/lyric-player/dom/index.ts:243
销毁实现了该接口的对象实例,释放占用的资源
一般情况下,调用本函数后就不可以再调用对象的任何函数了
Returns
Section titled “Returns”void
Overrides
Section titled “Overrides”getAlwaysPostpositionBackground()
Section titled “getAlwaysPostpositionBackground()”getAlwaysPostpositionBackground(): boolean;Defined in: packages/core/src/lyric-player/base/index.ts:1193
获取当前是否设置了让背景人声行始终后置显示
Returns
Section titled “Returns”boolean
Inherited from
Section titled “Inherited from”LyricPlayerBase.getAlwaysPostpositionBackground
getBottomLineElement()
Section titled “getBottomLineElement()”getBottomLineElement(): HTMLElement;Defined in: packages/core/src/lyric-player/base/index.ts:1138
获取一个特殊的底栏元素,默认是空白的,可以往内部添加任意元素
这个元素始终在歌词的底部,可以用于显示歌曲创作者等信息
但是请勿删除该元素,只能在内部存放元素
Returns
Section titled “Returns”HTMLElement
一个元素,可以往内部添加任意元素
Inherited from
Section titled “Inherited from”LyricPlayerBase.getBottomLineElement
getCurrentTime()
Section titled “getCurrentTime()”getCurrentTime(): number;Defined in: packages/core/src/lyric-player/base/index.ts:1168
获取当前歌词的播放位置
一般和最后调用 setCurrentTime 给予的参数一样
Returns
Section titled “Returns”number
当前播放位置
Inherited from
Section titled “Inherited from”LyricPlayerBase.getCurrentTime
getElement()
Section titled “getElement()”getElement(): HTMLElement;Defined in: packages/core/src/lyric-player/base/index.ts:1197
获取这个类所对应的 HTML 元素实例
Returns
Section titled “Returns”HTMLElement
Inherited from
Section titled “Inherited from”getEnableAutoSeekDetection()
Section titled “getEnableAutoSeekDetection()”getEnableAutoSeekDetection(): boolean;Defined in: packages/core/src/lyric-player/base/index.ts:427
获取当前是否启用了跳转状态的自动推导
Returns
Section titled “Returns”boolean
是否启用自动推导
Inherited from
Section titled “Inherited from”LyricPlayerBase.getEnableAutoSeekDetection
getEnableScale()
Section titled “getEnableScale()”getEnableScale(): boolean;Defined in: packages/core/src/lyric-player/base/index.ts:363
获取当前是否启用了歌词行缩放效果
Returns
Section titled “Returns”boolean
是否启用歌词行缩放效果
Inherited from
Section titled “Inherited from”LyricPlayerBase.getEnableScale
getEnableSpring()
Section titled “getEnableSpring()”getEnableSpring(): boolean;Defined in: packages/core/src/lyric-player/base/index.ts:593
获取当前是否启用了物理弹簧
Returns
Section titled “Returns”boolean
是否启用物理弹簧
Inherited from
Section titled “Inherited from”LyricPlayerBase.getEnableSpring
getIsPlaying()
Section titled “getIsPlaying()”getIsPlaying(): boolean;Defined in: packages/core/src/lyric-player/base/index.ts:617
获取当前是否在播放
Returns
Section titled “Returns”boolean
当前是否在播放
Inherited from
Section titled “Inherited from”getLineHeight()
Section titled “getLineHeight()”getLineHeight(index): number;Defined in: packages/core/src/lyric-player/base/index.ts:168
获取指定索引歌词行的高度
Parameters
Section titled “Parameters”| Parameter | Type |
|---|---|
index |
number |
Returns
Section titled “Returns”number
Remarks
Section titled “Remarks”可能为测量值或估算值
Inherited from
Section titled “Inherited from”getLyricLines()
Section titled “getLyricLines()”getLyricLines(): readonly LyricLine[];Defined in: packages/core/src/lyric-player/base/index.ts:1159
获取当前播放的、未经过优化和掩码处理的歌词数组
一般和最后调用 setLyricLines 给予的参数一样
Returns
Section titled “Returns”readonly LyricLine[]
当前歌词数组
Inherited from
Section titled “Inherited from”getOverscanPx()
Section titled “getOverscanPx()”getOverscanPx(): number;Defined in: packages/core/src/lyric-player/base/index.ts:570
获取当前 overscan 像素距离
Returns
Section titled “Returns”number
Inherited from
Section titled “Inherited from”getWordFadeWidth()
Section titled “getWordFadeWidth()”getWordFadeWidth(): number;Defined in: packages/core/src/lyric-player/base/index.ts:371
获取当前文字动画的渐变宽度,单位以歌词行的主文字字体大小的倍数为单位
Returns
Section titled “Returns”number
当前文字动画的渐变宽度,单位以歌词行的主文字字体大小的倍数为单位
Inherited from
Section titled “Inherited from”LyricPlayerBase.getWordFadeWidth
onResize()
Section titled “onResize()”onResize(): void;Defined in: packages/core/src/lyric-player/dom/index.ts:68
Returns
Section titled “Returns”void
Overrides
Section titled “Overrides”pause()
Section titled “pause()”pause(): void;Defined in: packages/core/src/lyric-player/dom/index.ts:206
暂停部分效果演出,目前会暂停播放间奏点的动画,且将背景歌词显示出来
Returns
Section titled “Returns”void
Overrides
Section titled “Overrides”rebuildLyricLines()
Section titled “rebuildLyricLines()”rebuildLyricLines(): void;Defined in: packages/core/src/lyric-player/base/index.ts:537
Returns
Section titled “Returns”void
Inherited from
Section titled “Inherited from”LyricPlayerBase.rebuildLyricLines
rebuildLyricView()
Section titled “rebuildLyricView()”rebuildLyricView(initialTime?): void;Defined in: packages/core/src/lyric-player/dom/index.ts:196
重新构建歌词行和时间状态
一般用于在调用 setLyricProcessConfig 更新配置后手动刷新视图, 或在外部样式/DOM 结构发生改变后重置歌词视图
Parameters
Section titled “Parameters”| Parameter | Type | Description |
|---|---|---|
initialTime |
number |
重建后对齐的初始时间(毫秒),默认使用当前播放进度 |
Returns
Section titled “Returns”void
Overrides
Section titled “Overrides”LyricPlayerBase.rebuildLyricView
removeEventListener()
Section titled “removeEventListener()”removeEventListener( type, callback, options?): void;Defined in: node_modules/.pnpm/typescript@6.0.3/node_modules/typescript/lib/lib.dom.d.ts:14392
The removeEventListener() method of the EventTarget interface removes an event listener previously registered with EventTarget.addEventListener() from the target. The event listener to be removed is identified using a combination of the event type, the event listener function itself, and various optional options that may affect the matching process; see Matching event listeners for removal.
Parameters
Section titled “Parameters”| Parameter | Type |
|---|---|
type |
string |
callback |
EventListenerOrEventListenerObject | null |
options? |
boolean | EventListenerOptions |
Returns
Section titled “Returns”void
Inherited from
Section titled “Inherited from”LyricPlayerBase.removeEventListener
resetScroll()
Section titled “resetScroll()”resetScroll(): void;Defined in: packages/core/src/lyric-player/base/index.ts:1148
重置用户滚动状态并恢复自动对齐
一个典型的使用场景是在用户滚动完毕、但歌词未自动归位时立刻归位
Returns
Section titled “Returns”void
Inherited from
Section titled “Inherited from”resume()
Section titled “resume()”resume(): void;Defined in: packages/core/src/lyric-player/dom/index.ts:215
恢复部分效果演出,目前会恢复播放间奏点的动画
Returns
Section titled “Returns”void
Overrides
Section titled “Overrides”setAlignAnchor()
Section titled “setAlignAnchor()”setAlignAnchor(alignAnchor): void;Defined in: packages/core/src/lyric-player/base/index.ts:551
设置目标歌词行的对齐方式,默认为 center
- 设置成
top的话将会向目标歌词行的顶部对齐 - 设置成
bottom的话将会向目标歌词行的底部对齐 - 设置成
center的话将会向目标歌词行的垂直中心对齐
Parameters
Section titled “Parameters”| Parameter | Type | Description |
|---|---|---|
alignAnchor |
LayoutAlignAnchor |
歌词行对齐方式,详情见函数说明 |
Returns
Section titled “Returns”void
Inherited from
Section titled “Inherited from”LyricPlayerBase.setAlignAnchor
setAlignPosition()
Section titled “setAlignPosition()”setAlignPosition(alignPosition): void;Defined in: packages/core/src/lyric-player/base/index.ts:558
设置默认的歌词行对齐位置,相对于整个歌词播放组件的大小位置,默认为 0.5
Parameters
Section titled “Parameters”| Parameter | Type | Description |
|---|---|---|
alignPosition |
number |
一个 [0.0-1.0] 之间的任意数字,代表组件高度由上到下的比例位置 |
Returns
Section titled “Returns”void
Inherited from
Section titled “Inherited from”LyricPlayerBase.setAlignPosition
setAlwaysPostpositionBackground()
Section titled “setAlwaysPostpositionBackground()”setAlwaysPostpositionBackground(enable): void;Defined in: packages/core/src/lyric-player/base/index.ts:1181
设置是否让背景人声行始终后置显示
默认情况下,如果背景歌词开始时间早于主歌词,会在主歌词上方展示;
如果设置为 true,则无论时间顺序如何,背景歌词都会始终在主歌词下方展示
Parameters
Section titled “Parameters”| Parameter | Type | Description |
|---|---|---|
enable |
boolean |
是否启用始终后置 |
Returns
Section titled “Returns”void
Inherited from
Section titled “Inherited from”LyricPlayerBase.setAlwaysPostpositionBackground
setCurrentTime()
Section titled “setCurrentTime()”setCurrentTime(time, isSeek?): void;Defined in: packages/core/src/lyric-player/base/index.ts:636
设置当前播放进度,此时将会更新内部的歌词进度信息。
内部会根据调用间隔和播放进度自动决定应如何滚动和显示歌词,所以此方法的调用频率越快越准确越好。 调用频率较低或进度细度过粗可能会导致歌词显示延迟或导致自动跳转推导错误。 调用完成后,应每帧调用 update 方法来执行歌词动画效果。此函数本身不会触发动画效果。
当 isSeek 为 true 时,将强制按跳转处理,并在下次调用 update 时触发一系列的行为变更,
具体请参考 https://amll.dev/guides/component/seeking,因此请只在真正跳转时设为 true
Parameters
Section titled “Parameters”| Parameter | Type | Default value | Description |
|---|---|---|---|
time |
number |
undefined |
当前播放进度,单位为毫秒,非有限值会被静默忽略 |
isSeek |
boolean |
false |
是否强制按跳转处理,默认交由内部推导 |
Returns
Section titled “Returns”void
Inherited from
Section titled “Inherited from”LyricPlayerBase.setCurrentTime
setEnableAutoSeekDetection()
Section titled “setEnableAutoSeekDetection()”setEnableAutoSeekDetection(enable?): void;Defined in: packages/core/src/lyric-player/base/index.ts:417
设置是否自动推导跳转状态,默认启用
启用后,即使调用 setCurrentTime 时没有传入 isSeek,
内部也会在进度前进时比较它的实际推进量与应有的推进量,超量前进即视为跳转
应有的推进量取决于当前的播放状态,因此请按 pause 与 resume 的文档正确同步播放状态:
- 播放时以物理时钟的推进量为准,容差随之按比例放宽,以容纳倍速播放与不均匀的推送节奏
- 暂停时进度本不该前进,应有的推进量是零,因此任何超出抖动幅度的前进都会被视为跳转
这意味着进度信息的粒度粗于推送间隔时,绝大多数推送都会被视为跳转, 此时应当改善进度来源的精度,或在进度未发生变化时跳过推送
较小的向前跳转可能无法被识别,但一般影响不大
此开关只控制上述超量前进的判定。进度倒退与停滞不受它控制,无论是否启用推导都会 被视为跳转:正常播放不会让进度停滞不前,因此重复推送同一个时间表达的是把逐字遮罩 这类自行推进的动画拉回到该时间的意图
推导只会额外识别出跳转,不会否决已显式传入的跳转标志,因此如果你已经在正确传入 跳转标志了,则一般无需关心此开关。若你的进度来源精度很差而导致超量前进被频繁误判, 可以选择关闭
Parameters
Section titled “Parameters”| Parameter | Type | Default value | Description |
|---|---|---|---|
enable |
boolean |
true |
是否启用自动推导 |
Returns
Section titled “Returns”void
Inherited from
Section titled “Inherited from”LyricPlayerBase.setEnableAutoSeekDetection
setEnableBlur()
Section titled “setEnableBlur()”setEnableBlur(enable): void;Defined in: packages/core/src/lyric-player/base/index.ts:443
设置是否启用歌词行的模糊效果
Parameters
Section titled “Parameters”| Parameter | Type | Description |
|---|---|---|
enable |
boolean |
是否启用 |
Returns
Section titled “Returns”void
Inherited from
Section titled “Inherited from”setEnableScale()
Section titled “setEnableScale()”setEnableScale(enable?): void;Defined in: packages/core/src/lyric-player/base/index.ts:355
是否启用歌词行缩放效果,默认启用
如果启用,非选中的歌词行会轻微缩小以凸显当前播放歌词行效果
此效果对性能影响微乎其微,推荐启用
Parameters
Section titled “Parameters”| Parameter | Type | Default value | Description |
|---|---|---|---|
enable |
boolean |
true |
是否启用歌词行缩放效果 |
Returns
Section titled “Returns”void
Inherited from
Section titled “Inherited from”LyricPlayerBase.setEnableScale
setEnableSpring()
Section titled “setEnableSpring()”setEnableSpring(enable?): void;Defined in: packages/core/src/lyric-player/base/index.ts:580
设置是否使用物理弹簧算法实现歌词动画效果,默认启用
如果启用,则会通过弹簧算法实时处理歌词位置,但是需要性能足够强劲的电脑方可流畅运行
如果不启用,则会回退到基于 transition 的过渡效果,对低性能的机器比较友好,但是效果会比较单一
Parameters
Section titled “Parameters”| Parameter | Type | Default value |
|---|---|---|
enable |
boolean |
true |
Returns
Section titled “Returns”void
Inherited from
Section titled “Inherited from”LyricPlayerBase.setEnableSpring
setHidePassedLines()
Section titled “setHidePassedLines()”setHidePassedLines(hide): void;Defined in: packages/core/src/lyric-player/base/index.ts:435
设置是否隐藏已经播放过的歌词行,默认不隐藏
Parameters
Section titled “Parameters”| Parameter | Type | Description |
|---|---|---|
hide |
boolean |
是否隐藏已经播放过的歌词行,默认不隐藏 |
Returns
Section titled “Returns”void
Inherited from
Section titled “Inherited from”LyricPlayerBase.setHidePassedLines
setIsSeeking()
Section titled “setIsSeeking()”setIsSeeking(_isSeeking): void;Defined in: packages/core/src/lyric-player/base/index.ts:389
设置持续性的跳转状态
Parameters
Section titled “Parameters”| Parameter | Type |
|---|---|
_isSeeking |
boolean |
Returns
Section titled “Returns”void
Deprecated
Section titled “Deprecated”此方法已无实际作用,调用它不会产生任何效果,仅为兼容保留,将在未来移除
跳转状态现在由每次进度推送逐帧推导,不再存在需要外部显式解除的持续状态
跳转会通过以下三条途径被识别,三者同时生效:
- setCurrentTime 的
isSeek参数,由调用方明确告知某次进度变化是跳转 - 进度倒退或停滞,由内部无条件识别,不受任何开关控制
- 自动推导,由内部比对进度的实际推进量与它应有的推进量识别超量前进,默认启用, 可通过 setEnableAutoSeekDetection 关闭
Inherited from
Section titled “Inherited from”setLinePosXSpringParams()
Section titled “setLinePosXSpringParams()”setLinePosXSpringParams(_params?): void;Defined in: packages/core/src/lyric-player/base/index.ts:1055
设置所有歌词行在横坐标上的弹簧属性,包括重量、弹力和阻力。
Parameters
Section titled “Parameters”| Parameter | Type |
|---|---|
_params |
Partial<SpringParams> |
Returns
Section titled “Returns”void
Deprecated
Section titled “Deprecated”考虑到横向弹簧效果并不常见,所以这个函数将会在未来的版本中移除
Inherited from
Section titled “Inherited from”LyricPlayerBase.setLinePosXSpringParams
setLinePosYSpringParams()
Section titled “setLinePosYSpringParams()”setLinePosYSpringParams(params?): void;Defined in: packages/core/src/lyric-player/base/index.ts:1061
设置所有歌词行在纵坐标上的弹簧属性,包括重量、弹力和阻力。
Parameters
Section titled “Parameters”| Parameter | Type | Description |
|---|---|---|
params |
Partial<SpringParams> |
需要设置的弹簧属性,提供的属性将会覆盖原来的属性,未提供的属性将会保持原样 |
Returns
Section titled “Returns”void
Inherited from
Section titled “Inherited from”LyricPlayerBase.setLinePosYSpringParams
setLineScaleSpringParams()
Section titled “setLineScaleSpringParams()”setLineScaleSpringParams(params?): void;Defined in: packages/core/src/lyric-player/base/index.ts:1077
设置所有歌词行在缩放大小上的弹簧属性,包括重量、弹力和阻力。
Parameters
Section titled “Parameters”| Parameter | Type | Description |
|---|---|---|
params |
Partial<SpringParams> |
需要设置的弹簧属性,提供的属性将会覆盖原来的属性,未提供的属性将会保持原样 |
Returns
Section titled “Returns”void
Inherited from
Section titled “Inherited from”LyricPlayerBase.setLineScaleSpringParams
setLyricLines()
Section titled “setLyricLines()”setLyricLines(lines, initialTime?): void;Defined in: packages/core/src/lyric-player/base/index.ts:604
设置当前播放歌词,要注意传入后这个数组内的信息不得修改,否则会发生错误
Parameters
Section titled “Parameters”| Parameter | Type | Default value | Description |
|---|---|---|---|
lines |
LyricLine[] |
undefined |
歌词数组 |
initialTime |
number |
0 |
初始时间,默认为 0 |
Returns
Section titled “Returns”void
Throws
Section titled “Throws”歌词时间戳不是有限的非负数字
Throws
Section titled “Throws”任一行、单词或注音的开始时间晚于结束时间
Inherited from
Section titled “Inherited from”setLyricProcessConfig()
Section titled “setLyricProcessConfig()”setLyricProcessConfig(config): void;Defined in: packages/core/src/lyric-player/base/index.ts:458
批量更新歌词处理配置,包括优化和掩码设置
Parameters
Section titled “Parameters”| Parameter | Type | Description |
|---|---|---|
config |
LyricDataConfig |
需要更新的配置集合 |
Returns
Section titled “Returns”void
Remarks
Section titled “Remarks”此方法不会自动重建歌词行和刷新视图, 适用于在渲染前预设配置、批量初始化,或需要手动控制 DOM 刷新时机的场景
Inherited from
Section titled “Inherited from”LyricPlayerBase.setLyricProcessConfig
setMaskObsceneWordChar()
Section titled “setMaskObsceneWordChar()”setMaskObsceneWordChar(char): void;Defined in: packages/core/src/lyric-player/base/index.ts:519
设置不雅用语掩码使用的字符,默认为 *
Parameters
Section titled “Parameters”| Parameter | Type | Description |
|---|---|---|
char |
string |
单个字符,用于替换不雅用语中的字符 |
Returns
Section titled “Returns”void
Remarks
Section titled “Remarks”在设置完成后会自动重建歌词行和刷新视图
Inherited from
Section titled “Inherited from”LyricPlayerBase.setMaskObsceneWordChar
setMaskObsceneWords()
Section titled “setMaskObsceneWords()”setMaskObsceneWords(mode): void;Defined in: packages/core/src/lyric-player/base/index.ts:510
设置歌词中不雅用语的掩码模式
Parameters
Section titled “Parameters”| Parameter | Type | Description |
|---|---|---|
mode |
MaskObsceneWordsMode |
掩码模式 |
Returns
Section titled “Returns”void
Remarks
Section titled “Remarks”在设置完成后会自动重建歌词行和刷新视图
Inherited from
Section titled “Inherited from”LyricPlayerBase.setMaskObsceneWords
setOptimizeOptions()
Section titled “setOptimizeOptions()”setOptimizeOptions(options): void;Defined in: packages/core/src/lyric-player/base/index.ts:530
设置歌词的优化配置项,这些配置项默认全部开启
Parameters
Section titled “Parameters”| Parameter | Type | Description |
|---|---|---|
options |
OptimizeLyricOptions |
优化配置选项 |
Returns
Section titled “Returns”void
Remarks
Section titled “Remarks”在设置完成后会自动重建歌词行和刷新视图
Inherited from
Section titled “Inherited from”LyricPlayerBase.setOptimizeOptions
setOverscanPx()
Section titled “setOverscanPx()”setOverscanPx(px): void;Defined in: packages/core/src/lyric-player/base/index.ts:566
设置 overscan(视图上下额外缓冲渲染区)距离,单位:像素。
Parameters
Section titled “Parameters”| Parameter | Type | Description |
|---|---|---|
px |
number |
像素值,默认 300 |
Returns
Section titled “Returns”void
Inherited from
Section titled “Inherited from”setWordFadeWidth()
Section titled “setWordFadeWidth()”setWordFadeWidth(value?): void;Defined in: packages/core/src/lyric-player/dom/index.ts:147
设置文字动画的渐变宽度,单位以歌词行的主文字字体大小的倍数为单位,默认为 0.5,即一个全角字符的一半宽度
如果要模拟 Apple Music for Android 的效果,可以设置为 1
如果要模拟 Apple Music for iPad 的效果,可以设置为 0.5
如果想要近乎禁用渐变效果,可以设置成非常接近 0 的小数(例如 0.0001 ),但是不可以为 0
Parameters
Section titled “Parameters”| Parameter | Type | Default value | Description |
|---|---|---|---|
value |
number |
0.5 |
需要设置的渐变宽度,单位以歌词行的主文字字体大小的倍数为单位,默认为 0.5 |
Returns
Section titled “Returns”void
Overrides
Section titled “Overrides”LyricPlayerBase.setWordFadeWidth
update()
Section titled “update()”update(delta?): void;Defined in: packages/core/src/lyric-player/dom/index.ts:224
更新动画,这个函数应该被逐帧调用或者在以下情况下调用一次:
- 刚刚调用完设置歌词函数的时候
Parameters
Section titled “Parameters”| Parameter | Type | Default value | Description |
|---|---|---|---|
delta |
number |
0 |
距离上一次被调用到现在的时长,单位为毫秒(可为浮点数) |
Returns
Section titled “Returns”void
Overrides
Section titled “Overrides”updateLyricProcessConfig()
Section titled “updateLyricProcessConfig()”updateLyricProcessConfig(config): void;Defined in: packages/core/src/lyric-player/base/index.ts:470
批量更新歌词处理配置,包括优化和掩码设置
可以调用此方法以避免多次单独设置处理配置导致的多次刷新开销
Parameters
Section titled “Parameters”| Parameter | Type | Description |
|---|---|---|
config |
LyricDataConfig |
需要更新的配置集合 |
Returns
Section titled “Returns”void
Remarks
Section titled “Remarks”在设置完成后会自动重建歌词行和刷新视图