diff --git a/src/components/presence-mouse/canvas/index.ts b/src/components/presence-mouse/canvas/index.ts index 890c4ca6..b1107010 100644 --- a/src/components/presence-mouse/canvas/index.ts +++ b/src/components/presence-mouse/canvas/index.ts @@ -222,7 +222,7 @@ export class PointersCanvas extends BaseComponent { ...coordinates, visible: !this.isPrivate, }); - }, 100); + }, 30); private onMyParticipantMouseOut = (event: MouseEvent): void => { const { x, y, width, height } = this.canvas.getBoundingClientRect(); diff --git a/src/components/presence-mouse/html/index.ts b/src/components/presence-mouse/html/index.ts index 5bddf157..aa24d8c7 100644 --- a/src/components/presence-mouse/html/index.ts +++ b/src/components/presence-mouse/html/index.ts @@ -148,7 +148,7 @@ export class PointersHTML extends BaseComponent { */ private addListeners(): void { this.pointerMoveObserver = fromEvent(this.container, 'pointermove') - .pipe(throttleTime(200)) + .pipe(throttleTime(30)) .subscribe(this.onMyParticipantMouseMove); this.container.addEventListener('pointerleave', this.onMyParticipantMouseLeave); } diff --git a/src/components/realtime/index.ts b/src/components/realtime/index.ts index 71ad0fae..03e881da 100644 --- a/src/components/realtime/index.ts +++ b/src/components/realtime/index.ts @@ -64,7 +64,7 @@ export class Realtime extends BaseComponent { } this.room.emit('message', { name: event, payload: data }); - }, 200); + }, 30); /** * @function subscribe