[BUG] Edited video are not displayed correctly

[Tom3652]

Describe the bug

I am not sure that it's a Widget - related issue or the retrieved file itself, but displaying the content of assetEntity.file in the official example code of this plugin is showing a black rect on the screen if assetEntity.file is supposed to retrieve an edited video (iOS only, have not tested on Android).

From a UI point of view, it seems that this rect has a width equal to the cropped region in the edited video.
Hard to tell for the height since we don't see the real edited video content in the widget despite the BoxFit.fill or BoxFit.cover.

To Reproduce
Steps to reproduce the behavior:

1. Edit a video (crop it in your iPhone's photo app)
2. Run the official example code
3. Show detail page of the edited video
4. See the black screen

We can see this behavior using also assetEntity.getMediaUrl.

Expected behavior
The edited video should be rendered as it is seen in the Photos native application on iOS.

Screenshots

RPReplay_Final1642586993.MOV

Flutter version

Smartphone (please complete the following information):

• Device: iPhone 8, iPhone XS Max, iPhone 12 Pro
• OS: iOS 15.2.1, iOS 15.1.1

Code

In the initState of video_widget.dart you can play with this code and see the behavior with any of the chosen method :

@override
  void initState() {
    super.initState();
    /*
    widget.entity.file.then((File? file) {
      if (!mounted || file == null) {
        return;
      }
      _controller = VideoPlayerController.file(file)
        ..initialize()
        ..addListener(() => setState(() {}));
      setState(() {});
    });
     */
    
    widget.entity.getMediaUrl().then((String? url) {
      if (!mounted || url == null) {
        return;
      }
      _controller = VideoPlayerController.network(url)
        ..initialize()
        ..addListener(() => setState(() {}));
      setState(() {});
    });
  }

[AlexV525]

You can also try to uninstall && re-install your app, in order to clear caches.

[AlexV525]

Unfortunately, I'm not able to reproduce this issue. Tested on iPhone 12, iOS 15.2.

1642592080851942.mp4

[Tom3652]

You can also try to uninstall && re-install your app, in order to clear caches.

I have done it (clearing the cache) before creating the issue and it didn't change it :/

Here is my output with the latest code :

RPReplay_Final1642592553.MP4.1.mp4

Is your above code using assetEntity.file ? And do you have the same output using getMediaUrl ?

I have read your last commit, but i just don't understand anything in Obj-C langage 😅

[AlexV525]

Is your above code using assetEntity.file ? And do you have the same output using getMediaUrl ?

I'm using the file getter, getMediaUrl requires isLocallyAvailable, the example didn't toggle the same mechanism.

Which device you're testing and which version of iOS? Is it iPhone 8?

[Tom3652]

The video was recorded with iPhone 8 under iOS 15.2.1.

The same output is given when tested on iPhone 7+ under iOS 14.7.1 and on my iPhone 12 pro max under iOS 15.1.1

[AlexV525]

Can you make a screenrecord using 12?

[Tom3652]

Yes sure (you will even hear the sound showing that it's playing) :

RPReplay_Final1642604256.MP4.mp4

I have cropped "too much" so there is a black screen > phone's width 😅

[AlexV525]

Where did your photos come from? It's too weird that we're using almost the same device but I can't reproduce this as my comment above. But I'm guessing this might be somehow related to the aspect ratio. Can you try to crop a landscape video, and make the cropped video have a ratio that is smaller than the device?

[Tom3652]

Yes you were right, this is due to the landscape and I was taking videos from the native iOS camera app.
If i crop in an aspect ratio that is smaller than the device it's working :)
Can you confirm that by doing the opposite on your side ? Cropping a video with a big enough portrait aspect ratio (> 2 for the iPhone 12)

[AlexV525]

If i crop in an aspect ratio that is smaller than the device it's working :)

I don't have dev env near me, but if you're available, you can try with the example of the video_player. Now I'm pretty sure it's related to the player, not the manager.