👨‍💻
MYTY
MYTY SDK
MYTY SDK
  • MYTY SDK
  • How to use MYTY SDK?
    • Create Unity Project
    • Import MYTY Kit
    • Import MYTY SDK
    • Build MYTY SDK
    • Create Scene
  • MYTY SDK Interface
    • Load Avatar
    • Select Avatar
    • Choose View Mode
    • Control Avatar (Mediapipe)
    • Control Avatar (ARKit)
  • For Web Application
    • Interacting with browser scripting
    • Integrate with React Project
  • React Example
    • Handle WebGL view & interaction
    • Choose Video Device for input
    • Handle Mediapipe Holistic
    • Capture & Record
  • For iOS Application
    • Interact with native iOS application
    • Integrate with Flutter Project
    • Trouble Shooting (Flutter Integration)
  • Flutter Example
    • Handle UnityWidget & interaction
    • Use ARKit Plugin
  • Avatar Registry(API)
    • Overview
    • Getting Started
    • Auth & Rate Limit
    • Legacy - v0
  • Resources
    • License Agreement
    • Version Note (SDK vs Kit)
    • Display Logo
Powered by GitBook
On this page
  • UseCaptureRecord
  • Image Capture
  • Video Recording
  1. React Example

Capture & Record

PreviousHandle Mediapipe HolisticNextFor iOS Application

Last updated 2 years ago

UseCaptureRecord

A React hook that enables capturing and recording on React application.

Image Capture

Video Recording

ReactUnityWebGL provides screenshot feature(). 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.

MediaRecorder from WebRTC () 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.

https://react-unity-webgl.dev/docs/api/take-screenshot
https://developer.mozilla.org/en-US/docs/Web/API/MediaStream_Recording_API
Logomyty-sdk/useCaptureRecord.tsx at pre-release/dev · Off-Live/myty-sdkGitHub