前置摄像头无法自动对焦或手动对焦

Question

当前行为

我在 iPad/iPhone 上使用react-native-camera，我使用前置摄像头扫描条码（Code39、Code128、QR 等）。但是在使用前置摄像头时，它不会专注于条形码或我放在相机附近的任何东西。后置摄像头工作得非常完美，但前置摄像头却不行。

我无法测试 android，因为我不是纯粹为 iOS 构建 android。我似乎找不到任何关于让前置摄像头对焦的信息。

如果我站在背景中，请将我的 Code39 举到靠近相机但在底部留一个小间隙，它不会尝试聚焦在卡片上而是在背景中保持聚焦在我身上。

我还在他们的 GitHub 页面上提出了issue here，但来到这里看看是否有人以前遇到过这个问题，有解决方法等。

预期行为

我希望相机看到代码比我占用更多的屏幕，专注于它，阅读代码并继续运行代码onBarCodeRead

我尝试过什么解决方法？

• 禁用autoFocus，因为这是针对 Android 的修复，这里没有运气。
• 手动设置focusDepth。
• 手动将autoFocusPointOfInterest 设置为屏幕中心。
• 将 zoom 更改为 0.2，然后慢慢增加到它开始看起来很傻的程度。
• 将 onGoogleVisionBarcodesDetected 设置为 console.log，因为这是针对 android 的另一个修复。
• 更新react-native-camera@2.6.0
• 更新到主分支react-native-camera@git+https://git@github.com/react-native-community/react-native-camera.git

如何重新创建它？

• 创建新的 react-native 项目
• yarn add react-native-camera / npm install react-native-camera --save
• 设置type={RNCamera.Constants.Type.front}使用前置摄像头。
• 设置autoFocus={RNCamera.Constants.AutoFocus.on}（无论如何它默认是开启的，这只是确保它。
• 设置onBarCodeRead={() => alert('barcode found')}
• 尝试扫描 Code39 / Code128 - (creatable here)
• 尝试扫描它，你会发现相机不会聚焦在它上面，而是保持聚焦在背景上。如果您用手指盖住相机也是如此，当您将手指移开时，您会期望相机与背景失焦并尝试重新对焦。情况并非如此，它会在中/远距离保持对焦。

使用的软件和版本

• iOS：12.1.4
• react-native-camera: ^2.1.1 / 2.6.0
• 反应原生：0.57.7
• 反应：16.6.1

代码

我在react-native-modal 中渲染相机，并将我的代码放在下面。

<RNCamera 
  style={styles.camera}
  type={RNCamera.Constants.Type.front}
  flashMode={RNCamera.Constants.FlashMode.off}
  autoFocus={RNCamera.Constants.AutoFocus.on}
  captureAudio={false}
  onBarCodeRead={(barcode) => {
    if (this.state.isModalVisible) {
      this.setState({
        isModalVisible : false
      }, () => this.captureQR(barcode.data));
    }
}}>

相关包代码

我发现了一些似乎相关的代码：

RNCamera.mmethod updateFocusDepth

- (void)updateFocusDepth
{
    AVCaptureDevice *device = [self.videoCaptureDeviceInput device];
    NSError *error = nil;

    if (device == nil || self.autoFocus < 0 || device.focusMode != RNCameraAutoFocusOff || device.position == RNCameraTypeFront) {
        return;
    }

    if (![device respondsToSelector:@selector(isLockingFocusWithCustomLensPositionSupported)] || ![device isLockingFocusWithCustomLensPositionSupported]) {
        RCTLogWarn(@"%s: Setting focusDepth isn't supported for this camera device", __func__);
        return;
    }

    if (![device lockForConfiguration:&error]) {
        if (error) {
            RCTLogError(@"%s: %@", __func__, error);
        }
        return;
    }

    __weak __typeof__(device) weakDevice = device;
    [device setFocusModeLockedWithLensPosition:self.focusDepth completionHandler:^(CMTime syncTime) {
        [weakDevice unlockForConfiguration];
    }];
}

更具体地说就是这里的这一部分：

如果 device.position == RNCameraTypeFront 不满足任何其他条件，它将返回。

    if (device == nil || self.autoFocus < 0 || device.focusMode != RNCameraAutoFocusOff || device.position == RNCameraTypeFront) {
        return;
    }

Answer 1

IOS 有three Focus Modes。你需要使用AVCaptureFocusModeContinuousAutoFocus

AVCaptureFocusModeContinuousAutoFocus：相机会根据需要持续自动对焦。

您使用isFocusModeSupported: 方法来确定设备是否支持给定的focus mode，然后使用 focusMode 属性设置模式。

react-native-camera 会在两种不同的场景下改变焦点（你可以在这行用xcode 设置断点）：

1. 仅当您的前置摄像头支持 isFocusPointOfInterestSupported 和 AVCaptureFocusModeContinuousAutoFocus 时，focusWithMode 方法才会设置焦点

仅当以下条件返回true时，该方法才会将焦点模式[device setFocusMode:focusMode];更改为AVCaptureFocusModeContinuousAutoFocus

[device isFocusPointOfInterestSupported] && [device isFocusModeSupported:focusMode]

如果条件返回false，则没有autofocus，但是图片可能是be focused onExposureMode[device setExposureMode:exposureMode];

1. 当用户点击屏幕时，updateAutoFocusPointOfInterest 会根据用户触摸时的x, y 坐标更改焦点。

由于stackoverflow上有几篇帖子（post 1、post 2、post 3、post 4）指出不同的iphone版本不支持前置摄像头的所有类型的自动对焦，我建议你在这些代码行上设置断点并检查isFocusModeSupported和isFocusPointOfInterestSupported的值