Как добавить эффект фонового изображения в тег видео при доступе к веб-камере ( например, масштабирование или знакомство )

#javascript #html #reactjs #video #html5-video

Вопрос:

Я работаю над проектом, который позволяет пользователю записывать свое видео.

Теперь я должен реализовать функцию, в которой пользователь может изменять свое фоновое изображение во время процесса записи.Например, в zoom или Google meet есть функция, с помощью которой пользователь может изменить свой фон.

Я много исследовал, но все равно не смог найти способ сделать это или, по крайней мере, найти отправную точку.

Мы используем тег video для записи видео, и я не уверен, как я могу это реализовать.

<video muted autoPlay id="feedback" onClick={this.startRec} />

Пожалуйста, помогите понять, как я могу реализовать это или любую документацию, которая, по вашему мнению, может мне помочь.

Заранее спасибо.

Примечание : Функция onClick просто обновляет одну переменную в состоянии