Как отслеживать что пользователь находится на странице и смотрит трансляцию?

У меня проект, где клиент должен смотреть обучающуюся трансляцию, а после этого пройти тестирование. Трансляция это обычный iFrame из Youtube или другого сервиса. Сам проект на JS и отдельно существует сервер (куда отправляются данные через API).

Какие есть идеи для реализации проверки активности, что клиент смотрит трансляцию?


Ответы (1 шт):

Автор решения: Mark Minerov

Можно сделать следующее:

  • При запуске видео ставьте переменную isWatching на true
  • Поставьте blur ивент на window (он происходит когда пользователь покидает страницу)
  • Ивент focus который происходит, когда пользователь фокусируется на странице (также на объекте window)

Изменяйте значение переменной взависимости от того, находится ли пользователь на странице, либо же покинул её. Также можете воспроизводить инные манипуляции при помощи данных ивентов.

→ Ссылка