Как можно автоматизировать захват на видео процесса использования веб-сайта, на мобиле, с видимыми тапами (точками, где юзер коснулся экрана, как в приложениях для видеозаписи экрана на мобилах xiaomi)?
Есть npm пакет puppeteer-screen-recorder, он позволяет писать на видео содержимое окна браузера.
Есть puppeteer - чтобы посылать клики элементам DOM.
Хочется чтобы была анимация при каждом тапе, в виде расходящихся кругов, как в видео в конце
этой статьи
Примерно как делает запись экрана на мобилах..
В принципе мне хватит если я ручками прокликаю в интерфейсе, запишется последовательность ивентов, и чтобы ее можно было автоматически проиграть из скрипта (включив переводы интерфейса сайта на разные языки) с возможностью записать видео процесса работы.
Спасибо за ответы заранее!