railbird/react-native-vision-camera
8
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
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
npm i vision-camera-qrcode-scanner
npm i vision-camera-image-labeler
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}
module.exports = {
@ -120,7 +120,7 @@ module.exports = {
[
'react-native-reanimated/plugin',
{
globals: ['__scanQRCodes'],
globals: ['__labelImage'],
},
],
```
@ -134,7 +134,7 @@ That's it! 🎉 Now you can use it:
```ts
const frameProcessor = useFrameProcessor((frame: Frame) => {
'worklet'
const codes = scanQRCodes(frame)
const labels = labelImage(frame)
// ...
}, [])
```