{"repo":"DeltaCircuit/react-media-recorder","free":true,"listed":false,"github":"https://github.com/DeltaCircuit/react-media-recorder","clone":"git clone https://github.com/DeltaCircuit/react-media-recorder.git","description":"react-media-recorder is a react component with render prop that can be used to record audio/video streams using MediaRecorder API.","language":"TypeScript","stars":587,"topics":["react","recorder","voice-recording","video-recording","media-recording","getusermedia","mediarecorder","getdisplaymedia","screen-recorder","record-audio"],"license":"MIT","category":"ui-components","readme_excerpt":"react-media-recorder :o2: :video camera: :microphone: :computer: react-media-recorder is a fully typed react component with render prop, or a react hook, that can be used to: - Record audio/video - Record screen using MediaRecorder API. Installation or Usage Since react-media-recording uses render prop, you can define what to render in the view. Just don't forget to wire the startRecording , stopRecording and mediaBlobUrl to your component. Usage with react hooks The hook receives an object as argument with the same ReactMediaRecorder options / props (except the render function). Options / Props audio Can be either a boolean value or a MediaTrackConstraints object. type: boolean or object default: true blobPropertyBag From MDN: An optional BlobPropertyBag dictionary which may specify the following two attributes (for the mediaBlob ): - type , that represents the MIME type of the content of the array that will be put in the blob. - endings , with a default value of \"transparent\", that specifies how strings containing the line ending character \\n are to be written out. It is one of the two values: \"native\", meaning that line ending characters are changed to match host OS filesystem convention, or \"transparent\", meaning that endings are stored in the blob without change type: object default: if video is enabled, if there's only audio is enabled, customMediaStream A media stream object itself (optional) mediaRecorderOptions An optional options object that will be passed to MediaR","default_branch":null,"files":null,"tree":[],"storefront":"/r/DeltaCircuit","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/DeltaCircuit/react-media-recorder/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}