💭 How can I get realtime frames in JS context about react-native-vision-camera HOT 7 CLOSED

  const receiveFrame = (frame: any) => {
      if (frame.pixelFormat === 'rgb') {
        const buffer = frame.toArrayBuffer();
        const data = new Uint8Array(buffer);
        frame.decremetRefCount();
        console.log(`Pixel at 0,0: RGB(${data[0]}, ${data[1]}, ${data[2]})`);
      }
    };
  
    const frameProcessor = useFrameProcessor((frame: any) => {
      'worklet';
      frame.incrementRefCount();
      runOnJS(receiveFrame)(frame);
    }, []);

const pushVideoFrame = Worklets.createRunOnJS(
  async (resized: any, frame: FrameInternal) => {
    console.log(`Pixel in RGB ${resized[0]}, ${resized[1]}, ${resized[2]}`);
    frame.decrementRefCount();
  },
);

const frameProcessor = useFrameProcessor((frame: any) => {
  'worklet';
  runAtTargetFps(20, () => {
    'worklet';
    const start = performance.now();
    if (frame.pixelFormat === 'yuv') {
      const buffer = resize(frame, {
        scale: {
          width: 50,
          height: 100,
        },
        pixelFormat: 'rgba',
        dataType: 'uint8',
      });

      frame.incrementRefCount();
      pushVideoFrame(buffer!, frame);
      const end = performance.now();

      const diff = (end - start).toFixed(2);
      console.log(`Push Video Frames took ${diff}ms!`);
    }
  });
}, []);