Capture & Record
A React hook that enables capturing and recording on React application.
ReactUnityWebGLprovides screenshot feature(https://react-unity-webgl.dev/docs/api/take-screenshot). We utilize this function to create image capture feature. Since it only captures WebGL canvas, extra implementation has been made to include HeadOnly(AR) mode.
MediaRecorderfrom WebRTC (https://developer.mozilla.org/en-US/docs/Web/API/MediaStream_Recording_API) has been used to implement video recording feature. Simply, we record audio stream and video stream at the same time, and commit frames for video stream by capturing images for multiple times.