{"repo":"wmik/use-media-recorder","free":true,"listed":false,"github":"https://github.com/wmik/use-media-recorder","clone":"git clone https://github.com/wmik/use-media-recorder.git","description":"React based hooks to utilize the media recorder api for audio, video and screen recording","language":"JavaScript","stars":119,"topics":["react","media","recorder","sound","video","screen","record","hooks"],"license":"MIT","category":"media-processing","readme_excerpt":"use-media-recorder React based hooks to utilize the MediaRecorder API for audio, video and screen recording. Features - 👀 Familiar API - Extends the MediaRecorder/MediaStream API with minimal abstraction making it easy to use. - 🔴 Media recording - Supports audio 🎤, video 🎥 & screen 🖥️ recording. - 🎛️ Configurable - Adjust settings to match your recording requirements. - 💅 Headless - Build your own custom user interface to fit your style. Installation npm install @wmik/use-media-recorder Example Demo Live demo example API useMediaRecorder (Default export) Creates a custom media recorder object using the MediaRecorder API. Parameters (MediaRecorderProps) Property Type Description - - - blobOptions BlobPropertyBag Options used for creating a Blob object. recordScreen boolean Enable/disable screen capture. customMediaStream MediaStream Custom stream e.g canvas.captureStream onStart function Callback to run when recording starts. onStop function Callback to run when recording stops. Accepts a Blob object as a parameter. onError function Callback to run when an error occurs while recording. Accepts an error object as a parameter. onDataAvailable function Callback to run when recording data exists. mediaRecorderOptions object Options used for creating MediaRecorder object. mediaStreamConstraints MediaStreamConstraints Options used for creating a MediaStream object from getDisplayMedia and getUserMedia . NOTE : \\ means it is required Returns (MediaRecorderHookOptions) Propert","default_branch":null,"files":null,"tree":[],"storefront":"/r/wmik","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/wmik/use-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."}