Webcam component for React. See this for browser compatibility.
npm install react-webcam
https://www.mozmorris.com/react-webcam/examples/ (if demo doesn't work, check browser compatibility and verify browser is using https)
import React from 'react';
import Webcam from 'react-webcam';
class Component extends React.Component {
render() {
return <Webcam/>;
}
}| prop | type | default | notes |
|---|---|---|---|
| className | string | '' | CSS class of video element |
| audio | boolean | true | enable/disable audio |
| height | number | 480 | height of video element |
| width | number | 640 | width of video element |
| screenshotFormat | string | 'image/webp' | format of screenshot |
| onUserMedia | function | noop | callback when component receives a media stream |
MIT
Many thanks to @cezary for his work on this component.