如何使用 React-Native-Camera 捕获获取元数据?

Posted

技术标签:

【中文标题】如何使用 React-Native-Camera 捕获获取元数据?【英文标题】:How do I get metadata using React-Native-Camera capture? 【发布时间】:2016-09-13 08:34:49 【问题描述】:

我不知道如何使用react-native-camera 捕获方法获取捕获图像的元数据

我假设它是这样的:

this.camera.capture(metadata: true)
  .then((data) => console.log(data))
  .catch(error => alert("error: " + error));

但它只返回路径,所以也是:

this.camera.capture(metadata: 'location')
  .then((data) => console.log(data))
  .catch(error => alert("error: " + error));

我不清楚文档元数据的使用。 传递元数据参数的正确方法是什么? 有人让这个工作吗?

【问题讨论】:

【参考方案1】:

这可能是在黑暗中拍摄,但如果您阅读 README.md https://github.com/lwansbrough/react-native-camera 的第一段,它会说:

这些文档适用于正在进行的 v1 版本。如果您想使用最新最好的并且可以处理严重的不稳定性,您可以使用 npm install --save lwansbrough/react-native-camera 进行安装。

该库的 NPM 版本为 0.3.8:https://www.npmjs.com/package/react-native-camera。

编辑

所以我在 0.3.8 安装库并进入 node_modules 查看 Java 代码(假设您在 android 手机上测试此代码)并搜索本机 capture 函数,字面意思是没有什么可以处理metadata 选项,这很可悲。尝试搜索metadata,您将找不到任何东西:

@ReactMethod
public void capture(final ReadableMap options, final Promise promise) 
    int orientation = options.hasKey("orientation") ? options.getInt("orientation") : RCTCamera.getInstance().getOrientation();
    if (orientation == RCT_CAMERA_ORIENTATION_AUTO) 
        _sensorOrientationChecker.onResume();
        _sensorOrientationChecker.registerOrientationListener(new RCTSensorOrientationListener() 
            @Override
            public void orientationEvent() 
                int deviceOrientation = _sensorOrientationChecker.getOrientation();
                _sensorOrientationChecker.unregisterOrientationListener();
                _sensorOrientationChecker.onPause();
                captureWithOrientation(options, promise, deviceOrientation);
            
        );
     else 
        captureWithOrientation(options, promise, orientation);
    


private void captureWithOrientation(final ReadableMap options, final Promise promise, int deviceOrientation) 
    Camera camera = RCTCamera.getInstance().acquireCameraInstance(options.getInt("type"));
    if (null == camera) 
        promise.reject("No camera found.");
        return;
    

    if (options.getInt("mode") == RCT_CAMERA_CAPTURE_MODE_VIDEO) 
        record(options, promise);
        return;
    

    RCTCamera.getInstance().setCaptureQuality(options.getInt("type"), options.getString("quality"));

    if (options.hasKey("playSoundOnCapture") && options.getBoolean("playSoundOnCapture")) 
        MediaActionSound sound = new MediaActionSound();
        sound.play(MediaActionSound.SHUTTER_CLICK);
    

    if (options.hasKey("quality")) 
        RCTCamera.getInstance().setCaptureQuality(options.getInt("type"), options.getString("quality"));
    

    final Boolean shouldMirror = options.hasKey("mirrorImage") && options.getBoolean("mirrorImage");

    RCTCamera.getInstance().adjustCameraRotationToDeviceOrientation(options.getInt("type"), deviceOrientation);
    camera.takePicture(null, null, new Camera.PictureCallback() 
        @Override
        public void onPictureTaken(byte[] data, Camera camera) 

            if (shouldMirror) 
                data = mirrorImage(data);
                if (data == null) 
                    promise.reject("Error mirroring image");
                
            

            camera.stopPreview();
            camera.startPreview();
            WritableMap response = new WritableNativeMap();
            switch (options.getInt("target")) 
                case RCT_CAMERA_CAPTURE_TARGET_MEMORY:
                    String encoded = Base64.encodeToString(data, Base64.DEFAULT);
                    response.putString("data", encoded);
                    promise.resolve(response);
                    break;
                case RCT_CAMERA_CAPTURE_TARGET_CAMERA_ROLL: 
                    File cameraRollFile = getOutputCameraRollFile(MEDIA_TYPE_IMAGE);
                    if (cameraRollFile == null) 
                        promise.reject("Error creating media file.");
                        return;
                    

                    Throwable error = writeDataToFile(data, cameraRollFile);
                    if (error != null) 
                        promise.reject(error);
                        return;
                    

                    addToMediaStore(cameraRollFile.getAbsolutePath());
                    response.putString("path", Uri.fromFile(cameraRollFile).toString());
                    promise.resolve(response);
                    break;
                
                case RCT_CAMERA_CAPTURE_TARGET_DISK: 
                    File pictureFile = getOutputMediaFile(MEDIA_TYPE_IMAGE);
                    if (pictureFile == null) 
                        promise.reject("Error creating media file.");
                        return;
                    

                    Throwable error = writeDataToFile(data, pictureFile);
                    if (error != null) 
                        promise.reject(error);
                        return;
                    

                    addToMediaStore(pictureFile.getAbsolutePath());
                    response.putString("path", Uri.fromFile(pictureFile).toString());
                    promise.resolve(response);
                    break;
                
                case RCT_CAMERA_CAPTURE_TARGET_TEMP: 
                    File tempFile = getTempMediaFile(MEDIA_TYPE_IMAGE);
                    if (tempFile == null) 
                        promise.reject("Error creating media file.");
                        return;
                    

                    Throwable error = writeDataToFile(data, tempFile);
                    if (error != null) 
                        promise.reject(error);
                    

                    response.putString("path", Uri.fromFile(tempFile).toString());
                    promise.resolve(response);
                    break;
                
            
        
    );

但是,我查看了 ios 端,发现它们确实在那里处理了 metadata 对象。

编辑

此外,master 分支仍然无法处理 metadata 选项。见here。似乎您必须指定一个特定的target,根据具体情况,它会返回一个特定的数据类型,但不幸的是与位置无关。

【讨论】:

我目前使用的是0.3.8版本。我注意到old version docs中也出现了元数据选项,所以如果我理解正确的话,版本不是问题 这肯定很有帮助。非常感谢!

以上是关于如何使用 React-Native-Camera 捕获获取元数据?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 react-native-camera 录制视频

如何使用 react-native-camera 人脸检测器检测人脸?

使用 react-native-camera,如何访问保存的图片?

如何将捕获的图像与 react-native-camera 一起使用

如何使用 react-native-camera 从相机胶卷 url 显示图像?

如何使用带有 react-native-camera 的默认 iOS 相机控件