ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RLottie: Fix segment animation (#2985)

Browse Source
This commit is contained in:
Alexander Zinchuk 2023-04-15 13:51:53 +02:00
parent 0070dfa941
commit aaca95737c
2 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/common/AnimatedSticker.tsx
View File

@ -190,7 +190,7 @@ const AnimatedSticker: FC<OwnProps> = ({
}
if (playSegmentRef.current) {
animation.playSegment(playSegmentRef.current);
animation.playSegment(playSegmentRef.current, viewId);
} else {
animation.play(shouldRestart, viewId);
}

8
src/lib/rlottie/RLottie.ts
View File

@ -116,7 +116,7 @@ class RLottie {
private tgsUrl: string,
private container: HTMLDivElement | HTMLCanvasElement,
private renderId: string,
private viewId: string = generateIdFor(ID_STORE, true),
viewId: string = generateIdFor(ID_STORE, true),
private params: Params = {},
private customColor?: [number, number, number],
private onLoad?: NoneToVoidFunction | undefined,
@ -197,10 +197,14 @@ class RLottie {
}
}
playSegment([startFrameIndex, stopFrameIndex]: [number, number]) {
playSegment([startFrameIndex, stopFrameIndex]: [number, number], viewId?: string) {
if (viewId) {
this.views.get(viewId)!.isPaused = false;
}
this.approxFrameIndex = Math.floor(startFrameIndex / this.reduceFactor);
this.stopFrameIndex = Math.floor(stopFrameIndex / this.reduceFactor);
this.direction = startFrameIndex < stopFrameIndex ? 1 : -1;
this.doPlay();
}