React wrapper for getUserMedia
React UserMedia
================





Table of Content
- About
- How to use
- Installation
- Examples
- Hook
- Context
- Context Hook
- HOC
- License
ABOUT
==================================================
React wrapper for getUserMedia.
Contributors:
Want to contribute ? Feel free to send pull requests!
Have problems, bugs, feature ideas?
We are using the github issue tracker to manage them.
HOW TO USE
==================================================
1. Chat Example
bash
npm install @vardius/react-user-media
`
$3
Use useUserMedia hook to request user media from navigator.
#### Hook
`javascript
import React from 'react';
import { UserMediaError, useUserMedia } from '@vardius/react-user-media';function App() {
const { stream, error } = useUserMedia({ audio: true, video: true });
if (error) {
return (
);
}
return (
export default App;
`
#### Context
Use UserMediaProvider to request user media from navigator and pass it down with context.
`javascript
import React from 'react';
import ReactDOM from 'react-dom';
import { UserMediaProvider } from '@vardius/react-user-media';import App from './App';
ReactDOM.render(
,
document.getElementById("root")
);
`
you can access context user media value in two ways:
##### Context Hook
`javascript
import React from 'react';
import { UserMediaError, useUserMediaFromContext } from '@vardius/react-user-media';function App() {
const { stream, error } = useUserMediaFromContext();
if (error) {
return (
);
}
return (
export default App;
`
##### HOC
`javascript
import React from 'react';
import { UserMediaError, withUserMedia } from '@vardius/react-user-media';function App({ userMedia }) {
const { stream, error } = userMedia;
if (error) {
return (
);
}
return (
export default withUserMedia(App);
``License
-------
This package is released under the MIT license. See the complete license in the package: