Page Visibility API, 유저가 페이지를 보고 있는지 알려줘!
Page Visibility API 0. 들어가기에 앞서… 우리 서비스는 소켓 통신이 많이 발생한다. 그렇다보니, 유저가 다른 탭을 보고 있거나 페이지를 최소화했을 때는 소켓 통신을 비활성화 해야한다. 그런데 유저가 서비스 페이지를 보고 있지 않은지 어떻게 알 수 있을까? 이번 시간엔 사용자가 웹 페이지를 보고 있는지를 알 수 있는 Page Visibility API에 대해 알아보았다! 😎 Page Visibility API를 알게 되면 아래와 같은 처리를 할 수 있게 된다. 1. 유저가 페이지를 보고 있지 않을 때 불필요한 소켓 통신 중단 가능 2. 유저가 페이지를 보고 있지 않을 때 video를 멈추고, 탭으로 돌아왔을 때 다시 재생 가능 3. 유저가 페이지를 보고 있지 않을 때 사운드를 줄이고, 탭..
2023. 7. 23.
