react-media-recorder를 사용하여 녹화하고 싶은 카메라 영상과 함께 화면을 녹화한 후 영상으로 변환하여 재생하고 싶습니다.
녹화는 했지만 두 가지 영상 요소를 사용하여 표시하고 재생했습니다. 하지만 나는 그것들을 결합하고 싶습니다. 모든 화면 녹화와 마찬가지로 사용자의 카메라 영상을 위한 상자가 있습니다. 다른 비디오 요소 위에 비디오 요소를 사용하고 있습니다.
동영상을 병합하려면 동영상 처리를 수행해야 합니다. 비디오 처리에는 비디오 데이터를 처리하고 새로운 결합된 비디오 장면을 생성하는 일련의 단계가 포함됩니다.
예를 들어 https://github.com/Kagami/ffmpeg.js/
하지만 프런트엔드에서 비디오 처리를 수행하는 것은 컴퓨팅 성능이 많이 필요하고 백엔드보다 속도가 훨씬 느릴 수 있으므로 권장하지 않습니다. 그러나 이 결정은 목표와 대상 고객에 따라 다릅니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
동영상을 병합하려면 동영상 처리를 수행해야 합니다. 비디오 처리에는 비디오 데이터를 처리하고 새로운 결합된 비디오 장면을 생성하는 일련의 단계가 포함됩니다.
예를 들어 https://github.com/Kagami/ffmpeg.js/
을 사용할 수 있습니다.하지만 프런트엔드에서 비디오 처리를 수행하는 것은 컴퓨팅 성능이 많이 필요하고 백엔드보다 속도가 훨씬 느릴 수 있으므로 권장하지 않습니다. 그러나 이 결정은 목표와 대상 고객에 따라 다릅니다.