railbird/react-native-vision-camera
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update FRAME_PROCESSORS.mdx

Browse Source
This commit is contained in:
Marc Rousavy 2021-06-24 12:07:15 +02:00 committed by GitHub
parent 7164b34510
commit 2a00f2a098
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
docs/docs/guides/FRAME_PROCESSORS.mdx
View File

@ -105,14 +105,14 @@ const frameProcessor = useFrameProcessor((frame) => {
### Using Frame Processor Plugins ### Using Frame Processor Plugins
Frame Processor Plugins are distributed through npm. To install the [**vision-camera-qrcode-scanner**](https://github.com/mrousavy/vision-camera-qrcode-scanner) plugin, run: Frame Processor Plugins are distributed through npm. To install the [**vision-camera-image-labeler**](https://github.com/mrousavy/vision-camera-image-labeler) plugin, run:
```bash ```bash
npm i vision-camera-qrcode-scanner npm i vision-camera-image-labeler
cd ios && pod install cd ios && pod install
``` ```
Then add it to your `babel.config.js`. For the QR Code Scanner, this will be `__scanQRCodes`: Then add it to your `babel.config.js`. For the Image Labeler, this will be `__labelImage`:
```js {6} ```js {6}
module.exports = { module.exports = {
@ -120,7 +120,7 @@ module.exports = {
[ [
'react-native-reanimated/plugin', 'react-native-reanimated/plugin',
{ {
globals: ['__scanQRCodes'], globals: ['__labelImage'],
}, },
], ],
``` ```
@ -134,7 +134,7 @@ That's it! 🎉 Now you can use it:
```ts ```ts
const frameProcessor = useFrameProcessor((frame: Frame) => { const frameProcessor = useFrameProcessor((frame: Frame) => {
'worklet' 'worklet'
const codes = scanQRCodes(frame) const labels = labelImage(frame)
// ... // ...
}, []) }, [])
``` ```