ByoungSooPark/modeling-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

quick tweak (#48)

Browse Source
This commit is contained in:
Kurt Hutten
2023-03-08 11:27:14 +11:00
committed by GitHub
parent 8a6a11535c
commit 3180702e7d
1 changed files with 8 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/Stream.tsx
View File

@ -82,13 +82,12 @@ export const Stream = () => {
// socket.send(JSON.stringify({ type: 'mouse', xy }))
// }, 100)
const debounceLog = throttle(console.log, 100)
const handleMouseMove = (e: MouseEvent) => {
if (videoRef.current) {
const rect = videoRef.current.getBoundingClientRect()
const x = e.clientX - rect.left
const y = e.clientY - rect.top
debounceLog([x, y])
}
const handleMouseMove = ({ clientX, clientY }: MouseEvent) => {
if (!videoRef.current) return
const { left, top } = videoRef.current.getBoundingClientRect()
const x = clientX - left
const y = clientY - top
debounceLog([x, y])
}
if (videoRef.current) {
videoRef.current.addEventListener('mousemove', handleMouseMove)
@ -97,9 +96,8 @@ export const Stream = () => {
return () => {
socket.close()
pc.close()
if (videoRef.current) {
videoRef.current.removeEventListener('mousemove', handleMouseMove)
}
if (!videoRef.current) return
videoRef.current.removeEventListener('mousemove', handleMouseMove)
}
}, [])