[video_player_avplay] Automatically rotates video player based on device orientation

[JSUYA]

We already provide rotate API for video player,
but it seems like a bug that the video player's video image doesn't rotate according to the device orientation. So we should automatically change this inside video_player. When user call the API, the video image may rotate, but when the device's orientation changes, the rotation may change again.

[JSUYA]

@xiaowei-guan
The service team asked me about this issue. They want to handle the device that needs to support portrait mode inside the player, not in Guide. Can you please review this approach?
I'm worried that calling MediaQuery.orientationOf(context) will have a performance impact as build() is called repeatedly while the video player is playing.

[xiaowei-guan]

The app side must call setState after initialized:

_controller.initialize().then((_) => setState()));

[JSUYA]

I waiting for #814 merge

[xiaowei-guan]

I waiting for #814 merge

Done

[JSUYA]

Rebased PR

[xiaowei-guan]

@xiaowei-guan The service team asked me about this issue. They want to handle the device that needs to support portrait mode inside the player, not in Guide. Can you please review this approach? I'm worried that calling MediaQuery.orientationOf(context) will have a performance impact as build() is called repeatedly while the video player is playing.

If we want to reduce the call times of MediaQuery.orientationOf, We can also use this：

OrientationBuilder(
        builder: (BuildContext context, Orientation orientation)

[JSUYA]

@xiaowei-guan The service team asked me about this issue. They want to handle the device that needs to support portrait mode inside the player, not in Guide. Can you please review this approach? I'm worried that calling MediaQuery.orientationOf(context) will have a performance impact as build() is called repeatedly while the video player is playing.

If we want to reduce the call times of MediaQuery.orientationOf, We can also use this：

OrientationBuilder(
        builder: (BuildContext context, Orientation orientation)

When I tested it, the build() calls from calling MediaQuery.orientationOf and OrientationBuilder both had the same call count. This is probably an effect of the prograssbar UI.

When we provided a guide about setDisplayRotate(), we did so by using OrientationBuilder().
However, the Orientation of OrientationBuilder doesn't change because it calculates the Orientation based on the size of the parent Container that contains it. (The ratio of the video screen are still the same.) That's why i had use MediaQuery.orientationOf.