React-native-image-crop-picker: Failed on select Video - IOS 14

[RZulfikri]

Version

Tell us which versions you are using:

• react-native-image-crop-picker v0.35.0
• react-native v0.63.2

Platform

Tell us to which platform this issue is related

• iOS 14

Expected behaviour

Return video

Actual behaviour

Return error

Steps to reproduce

1. Open picker

2. Select video

3. Return error

code:E_CANNOT_PROCESS_VIDEO
message:Cannot process video data
domain:RCTErrorDomain
userInfo:null

Attachments

When I'm trying to debug in xcode, exportSession always return status = 4 (AVAssetExportSessionStatusFailed), and the error look like this.

Video Export Failed: Error Domain=AVFoundationErrorDomain Code=-11800 "The operation could not be completed" UserInfo={NSUnderlyingError=0x2826f6730 {Error Domain=NSOSStatusErrorDomain Code=-16979 "(null)"}, NSLocalizedFailureReason=An unknown error occurred (-16979), NSURL=file:///var/mobile/Media/PhotoData/Metadata/DCIM/102APPLE/IMG_2272.medium.MP4, NSLocalizedDescription=The operation could not be completed}

[Update]
I'm trying to select few files:

1. file:///var/mobile/Media/PhotoData/Metadata/DCIM/102APPLE/IMG_2272.medium.MP4 (ERROR) // from whatsapp
2. file:///var/mobile/Media/DCIM/100APPLE/IMG_0454.MOV (CORRECT) // save from instagram
3. file:///var/mobile/Media/DCIM/102APPLE/IMG_2429.MOV (CORRECT) // save from camera
4. file:///var/mobile/Media/PhotoData/Metadata/DCIM/102APPLE/IMG_2075.medium.MP4 (ERROR) // from whatsapp

Video with .MOV extension return success, but video with .MP4 return error.

Any idea why this issue exist and how to solve??

Love react-native-image-crop-picker? Please consider supporting our collective:
👉 https://opencollective.com/react-native-image-crop-picker/donate

[vrgimael]

Same here, iOS 14 is causing a lot of trouble

[chr-sk]

Also experiencing the same issue with iOS 14 and iOS 14.2 beta.

[TONYYYYYYYYYYY]

It's related to downloading images from iCloud.

iOS devices can choose to store a compressed version of the video/images locally but have a full version in the iCloud. When you choose to upload a video, it first gets the full version from iCloud and then tries the upload it.

When I try to upload a video that was recently viewed on my phone (which means the full version is already downloaded), there’s no problem. The problem occurs when it needs to download from iCloud

[eliw00d]

We are also experiencing this as of iOS 14.

[ZachMayry]

It does seem related to iCloud. I didn't realize I had Optimize Photos on until now

[jamesshaw49]

Also experiencing this issue on iOS14, but only on a physical device. On simulator iOS14, there are no issues. However, I am guessing that this is because on the simulator, the files are not stored in iCloud.

[snamstorm]

Anyone find a solution for this yet?

Also having this issue but for me it doesn't work on the simulator but does work on physical device

[jamesshaw49]

Anyone find a solution for this yet?

Also having this issue but for me it doesn't work on the simulator but does work on physical device

Doesn't seem so. They released another version, but it does not include a fix. @ivpusic do you guys have an update on this, it is fairly critical that we are able to select an older video which may be stored on iCloud.

[estevg]

I tried with a video that was sent to me by whatsapp and I passed it to diaspositive and it doesn't work so I don't think it's a problem of iCloud

[midoalone]

I tried with a video that was sent to me by whatsapp and I passed it to diaspositive and it doesn't work so I don't think it's a problem of iCloud

I tried with a fresh captured video and it has been selected without issues, the problem is related to iCloud videos only, I am sure now

[banchichen]

The following code is work, for your reference：

- (void)requestVideoOutputPathWithAsset:(PHAsset *)asset presetName:(NSString *)presetName success:(void (^)(NSString *outputPath))success failure:(void (^)(NSString *errorMessage, NSError *error))failure {
    if (!presetName) {
        presetName = AVAssetExportPresetMediumQuality;
    }
    [[PHImageManager defaultManager] requestExportSessionForVideo:asset options:[self getVideoRequestOptions] exportPreset:presetName resultHandler:^(AVAssetExportSession *_Nullable exportSession, NSDictionary *_Nullable info) {
        NSString *outputPath = [self getVideoOutputPath];
        exportSession.outputURL = [NSURL fileURLWithPath:outputPath];
        exportSession.shouldOptimizeForNetworkUse = NO;
        exportSession.outputFileType = AVFileTypeMPEG4;
        [exportSession exportAsynchronouslyWithCompletionHandler:^{
            [self handleVideoExportResult:exportSession outputPath:outputPath success:success failure:failure];
        }];
    }];
}

- (void)handleVideoExportResult:(AVAssetExportSession *)session outputPath:(NSString *)outputPath success:(void (^)(NSString *outputPath))success failure:(void (^)(NSString *errorMessage, NSError *error))failure {
    dispatch_async(dispatch_get_main_queue(), ^{
        switch (session.status) {
            case AVAssetExportSessionStatusCompleted: {
                if (success) {
                    success(outputPath);
                }
            }  break;
            case AVAssetExportSessionStatusFailed: {
                if (failure) {
                    failure(@"AVAssetExportSessionStatusFailed", session.error);
                }
            }  break;
            case AVAssetExportSessionStatusCancelled: {
                if (failure) {
                    failure(@"AVAssetExportSessionStatusCancelled", nil);
                }
            }  break;
            default: break;
        }
    });
}

- (PHVideoRequestOptions *)getVideoRequestOptions {
    PHVideoRequestOptions* options = [[PHVideoRequestOptions alloc] init];
    options.deliveryMode = PHVideoRequestOptionsDeliveryModeAutomatic;
    options.networkAccessAllowed = YES;
    return options;
}

- (NSString *)getVideoOutputPath {
    NSDateFormatter *formater = [[NSDateFormatter alloc] init];
    [formater setDateFormat:@"yyyy-MM-dd-HH:mm:ss-SSS"];
    NSString *outputPath = [NSHomeDirectory() stringByAppendingFormat:@"/tmp/video-%@-%d.mp4", [formater stringFromDate:[NSDate date]], arc4random_uniform(10000000)];
    return outputPath;
}

[luco]

@banchichen Can you make a PR?

[luco]

@banchichen Tried your code. Doesn't work either. I managed to find the error on the native side:

Error Domain=AVFoundationErrorDomain Code=-11800 "The operation could not be completed" UserInfo={NSLocalizedFailureReason=An unknown error occurred (-17507), NSLocalizedDescription=The operation could not be completed, NSUnderlyingError=0x2801f2280 {Error Domain=NSOSStatusErrorDomain Code=-17507 "(null)"}}

[banchichen]

@luco It’s a bit strange, that piece of code works in TZImagePickerController：https://github.com/banchichen/TZImagePickerController/blob/master/TZImagePickerController/TZImagePickerController/TZImageManager.m

[vladpanov]

Has anyone been successful in trying @banchichen code suggestion? https://github.com/ivpusic/react-native-image-crop-picker/issues/1415#issuecomment-732551876

[luco]

@vladpanov Yes. Didn't work.

[reyanshmishra]

Not working for me as well, any help so far?