## Installation
npm install react-video-recorder``sh
yarn add react-video-recorder
Usage
Basic usage (edit in stakblitz):
`js
import React from 'react'
import { render } from 'react-dom'
import VideoRecorder from 'react-video-recorder'const App = () => (
onRecordingComplete={(videoBlob) => {
// Do something with the video...
console.log('videoBlob', videoBlob)
}}
/>
)
render( , document.getElementById('root'))
`Also check the Storybook for more demos and usage examples.
Note: if you click the "Show info" button in the top-right corner, you should be able to see a table with the supported prop-types.
$3
All the UI can be customized by passing the following props:
####
renderDisconnectedViewView that's rendered before the user enables the camera access.
Default value:
() => source here.####
renderLoadingViewView that's rendered while the camera is initializing.
() => source here.####
renderVideoInputViewView that's rendered when the browser does not support inline recording but allows opening the native camera (mainly iOS).
Default value:
({ videoInput }) => ####
renderUnsupportedViewView that's rendered when the browser does not support recording video.
Default value:
() => source here.####
renderErrorViewView that's rendered an unexpected error occurs.
Default value:
() => source here.####
renderActionsOverlay that's rendered on top of the views and that contains the elements like the buttons, the timer or the countdown.
See the default implementation here.
Development
Requirements
node version ">=8.3"Install packages
`sh
yarn install
`Run the storybook demo
`sh
yarn start
``To commit run yarn start then commit. We use Husky to verify before committing.