Failed on select Video - IOS 14 #1415

RZulfikri · 2020-09-26T04:18:40Z

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

Open picker
Select video
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:

file:///var/mobile/Media/PhotoData/Metadata/DCIM/102APPLE/IMG_2272.medium.MP4 (ERROR) // from whatsapp
file:///var/mobile/Media/DCIM/100APPLE/IMG_0454.MOV (CORRECT) // save from instagram
file:///var/mobile/Media/DCIM/102APPLE/IMG_2429.MOV (CORRECT) // save from camera
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

The text was updated successfully, but these errors were encountered:

vrgimael · 2020-09-27T13:15:03Z

Same here, iOS 14 is causing a lot of trouble

chr-sk · 2020-09-27T13:41:25Z

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

TONYYYYYYYYYYY · 2020-09-29T19:50:05Z

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 · 2020-10-01T20:08:45Z

We are also experiencing this as of iOS 14.

ZachMayry · 2020-10-01T20:18:46Z

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

jamesshaw49 · 2020-10-07T06:34:57Z

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 · 2020-10-29T09:00:21Z

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 · 2020-10-29T21:01:05Z

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 · 2020-11-03T02:59:40Z

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 · 2020-11-10T21:54:44Z

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 · 2020-11-24T02:38:18Z

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 · 2020-12-09T19:06:03Z

@banchichen Can you make a PR?

luco · 2020-12-19T14:28:16Z

@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 · 2020-12-19T15:06:58Z

@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 · 2020-12-23T16:37:44Z

Has anyone been successful in trying @banchichen code suggestion? #1415 (comment)

luco · 2020-12-28T15:03:40Z

@vladpanov Yes. Didn't work.

reyanshmishra · 2021-01-07T15:47:35Z

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

anhkieet · 2021-01-12T09:28:55Z

Same here, any ideas?

anhkieet · 2021-01-12T09:50:01Z

I found the solution. Add this line to the getVideoAsset function

https://github.com/ivpusic/react-native-image-crop-picker/blob/master/ios/src/ImageCropPicker.m#L467

superandrew213 · 2021-01-17T00:46:22Z

@anhkieet can you create a PR? @luco have you tried @anhkieet solution?

luco · 2021-01-19T17:54:39Z

@superandrew213 I'll give it a shot and let you know.

luco · 2021-01-20T14:05:28Z

@superandrew213 It works! @anhkieet Thanks a lot!

I've opened a PR #1515.

@ivpusic Can you merge?

ibilalnawaz · 2021-01-21T11:55:03Z

I found the solution :
Just change "deliveryMode" to this.
options.deliveryMode = .highQualityFormat

ivpusic · 2021-01-21T12:24:32Z

fix available in https://github.com/ivpusic/react-native-image-crop-picker/releases/tag/v0.35.3

eliw00d · 2021-01-21T20:20:09Z

Awesome! When can we expect this to hit npm?

nmhoan76 · 2021-02-09T03:55:17Z

Still issue for iCloud video. I use iOS 14.4 and version 0.35.3

dandre-hound · 2021-02-23T21:01:55Z

How come this was solved for video and not photo? I have the same issue with iCloud photos -- anyone else? I tried adding a similar fix as suggested above but I still have the same error:

- (void)qb_imagePickerController:
(QBImagePickerController *)imagePickerController
          didFinishPickingAssets:(NSArray *)assets {
    
    PHImageManager *manager = [PHImageManager defaultManager];
    PHImageRequestOptions* options = [[PHImageRequestOptions alloc] init];
    options.synchronous = NO;
    options.networkAccessAllowed = YES;
    options.deliveryMode = PHImageRequestOptionsDeliveryModeHighQualityFormat; <-- ADDED

cenaHara · 2021-03-02T09:39:35Z

Still issue for iCloud video. I use iOS 14.3 and version 0.36.0
hi @nmhoan76 any solution ?

tufanlodos · 2021-03-08T13:56:57Z

macOS : You can make this node_modules change with sed -ie "s/options.networkAccessAllowed = YES;/options.networkAccessAllowed = YES; options.deliveryMode = PHImageRequestOptionsDeliveryModeHighQualityFormat;/" node_modules/react-native-image-crop-picker/ios/src/ImageCropPicker.m;

Great-hijack · 2021-04-01T12:32:55Z

Still same issues for iCloud photos with version 0.36.0.
@tufanlodos any thought?

guy-shahine · 2021-07-01T22:07:51Z

@tufanlodos your suggestion creates a duplicate entry and adds the wrong deliveryMode in the video section (I ran the command once). Even after I fixed the duplicate part, the same issue happens with iCloud photos. The library freezes then crashes the app

tufanlodos · 2021-07-02T06:48:25Z

@guy-shahine you need to run this sed command only once.
@Great-hijack my react-native version 0.62.0 and image-crop-picker version is 0.35.0

guy-shahine · 2021-07-10T22:00:36Z

@tufanlodos save an original copy of the file. run your command once, then use a file diff to view the changes, you'll notice that the deliveryMode=... will be added twice for getVideoAsset and for the imagePickerController because options.networkAccessAllowed = YES; is found at line 467 and line 530

tufanlodos · 2021-07-12T08:57:14Z

@guy-shahine try remove node_modules folder and after clean install with npm or yarn, run sed command

guy-shahine · 2021-08-02T23:17:35Z

@tufanlodos I've tried many approaches. imageData is always nil for iCloud images and I see an error in the console [PhotoKit] Error: Missing cpl resource required for CPL download . I tried to search for a solution without any luck.

russelRajitha · 2021-08-10T06:18:19Z

Still have issue with apple m1. react native latest version.

rtt Error: Cannot process video data
    at Object.promiseMethodWrapper [as openPicker] (NativeModules.js:104)
    at openImageLibrary (uploader-menu.js:112)
    at onPress (uploader-menu.js:577)
    at Pressability._performTransitionSideEffects (Pressability.js:697)
    at Pressability._receiveSignal (Pressability.js:634)
    at onResponderRelease (Pressability.js:528)
    at Object.invokeGuardedCallbackProd (ReactNativeRenderer-dev.js:93)
    at invokeGuardedCallback (ReactNativeRenderer-dev.js:318)
    at invokeGuardedCallbackAndCatchFirstError (ReactNativeRenderer-dev.js:342)
    at executeDispatch (ReactNativeRenderer-dev.js:439)

Video request delivery mode is only applicable for current version requests

TheWhiteUnicorn · 2021-10-12T10:43:52Z

react-native version 0.63.4, image-crop-picker version 0.36.3
I've also had this issue with some videos on simulator. But on a real device it works fine.

timok06 · 2022-09-16T10:26:56Z

I resolved this issue for videos with the following solution:
#1518 (comment)

Hope this helps someone.

@russelRajitha You can change options.version to PHVideoRequestOptionsVersionCurrent; in function - (void) getVideoAsset in ImageCropPicker.m

banchichen mentioned this issue Nov 13, 2020

视频导出失败 banchichen/TZImagePickerController#1073

Closed

vladpanov mentioned this issue Dec 23, 2020

iOS 14 - Error: Cannot process video data #1479

Open

luco mentioned this issue Jan 20, 2021

Fix video not loading from iCloud #1515

Merged

ivpusic closed this as completed Jan 21, 2021

chrisvasey mentioned this issue Feb 28, 2021

I can't able to select iCloud synced video or image in iOS #1518

Open

Failed on select Video - IOS 14 #1415

Failed on select Video - IOS 14 #1415

Comments

RZulfikri commented Sep 26, 2020 • edited Loading

Version

Platform

Expected behaviour

Actual behaviour

Steps to reproduce

Attachments

vrgimael commented Sep 27, 2020

chr-sk commented Sep 27, 2020

TONYYYYYYYYYYY commented Sep 29, 2020

eliw00d commented Oct 1, 2020

ZachMayry commented Oct 1, 2020

jamesshaw49 commented Oct 7, 2020 • edited Loading

snamstorm commented Oct 29, 2020

jamesshaw49 commented Oct 29, 2020

estevg commented Nov 3, 2020

midoalone commented Nov 10, 2020

banchichen commented Nov 24, 2020

luco commented Dec 9, 2020

luco commented Dec 19, 2020

banchichen commented Dec 19, 2020 • edited Loading

vladpanov commented Dec 23, 2020

luco commented Dec 28, 2020

reyanshmishra commented Jan 7, 2021

anhkieet commented Jan 12, 2021

anhkieet commented Jan 12, 2021 • edited Loading

superandrew213 commented Jan 17, 2021

luco commented Jan 19, 2021

luco commented Jan 20, 2021

ibilalnawaz commented Jan 21, 2021

ivpusic commented Jan 21, 2021

eliw00d commented Jan 21, 2021

nmhoan76 commented Feb 9, 2021 • edited Loading

dandre-hound commented Feb 23, 2021

cenaHara commented Mar 2, 2021

tufanlodos commented Mar 8, 2021

Great-hijack commented Apr 1, 2021

guy-shahine commented Jul 1, 2021 • edited Loading

tufanlodos commented Jul 2, 2021

guy-shahine commented Jul 10, 2021

tufanlodos commented Jul 12, 2021

guy-shahine commented Aug 2, 2021 • edited Loading

russelRajitha commented Aug 10, 2021

TheWhiteUnicorn commented Oct 12, 2021

timok06 commented Sep 16, 2022

RZulfikri commented Sep 26, 2020 •

edited

Loading

jamesshaw49 commented Oct 7, 2020 •

edited

Loading

banchichen commented Dec 19, 2020 •

edited

Loading

anhkieet commented Jan 12, 2021 •

edited

Loading

nmhoan76 commented Feb 9, 2021 •

edited

Loading

guy-shahine commented Jul 1, 2021 •

edited

Loading

guy-shahine commented Aug 2, 2021 •

edited

Loading