Add taking screenshot animation

This commit is contained in:
redphx
2024-05-11 15:45:46 +07:00
parent e9b0d900b0
commit ae37c0660f
3 changed files with 31 additions and 0 deletions

View File

@@ -25,6 +25,10 @@ export class Screenshot {
Screenshot.#filters = filters;
}
private static onAnimationEnd(e: Event) {
(e.target as any).classList.remove('bx-taking-screenshot');
}
static takeScreenshot(callback?: any) {
const currentStream = STATES.currentStream;
const $video = currentStream.$video;
@@ -33,6 +37,9 @@ export class Screenshot {
return;
}
$video.parentElement?.addEventListener('animationend', this.onAnimationEnd);
$video.parentElement?.classList.add('bx-taking-screenshot');
const canvasContext = $canvas.getContext('2d', {
alpha: false,
willReadFrequently: false,