Comment enregistrer simultanément l'écran et la vidéo en réaction ?

Question

Je souhaite utiliser React-Media-Recorder pour enregistrer l'écran avec la vidéo de la caméra que je souhaite enregistrer, puis la transformer en vidéo pour la lecture.

J'ai enregistré, mais j'ai utilisé deux éléments vidéo pour les afficher et les lire. Mais je veux les combiner. Comme pour tous les enregistrements d'écran, il existe une zone pour la vidéo de la caméra de l'utilisateur. J'utilise un élément vidéo au-dessus d'un autre élément vidéo.

Answer 1

Pour fusionner des vidéos, vous devez effectuer un traitement vidéo. Le traitement vidéo implique une série d'étapes qui traitent les données vidéo et créent de nouvelles séquences vidéo combinées.

Par exemple, vous pouvez utiliser https://github.com/Kagami/ffmpeg.js/

Mais je ne recommande pas d'effectuer un traitement vidéo sur le frontend car il nécessite beaucoup de puissance de calcul et peut être beaucoup plus lent que le backend. Cependant, cette décision dépend de vos objectifs et de votre public cible.