[video_player_avplay] Add setDisplayMode and setDisplayRotate API

[xiaowei-guan]

/// Set the rotate angle of display
  Future<bool> setDisplayRotate(DisplayRotation rotation)

/// Set the video display mode.
  Future<bool> setDisplayMode(DisplayMode displayMode)

[JSUYA]

I tested the setDisplayRotate() API, but there was no change in the video output.
Are there any order or option(?) on using the API?

--- a/packages/video_player_avplay/example/lib/main.dart
+++ b/packages/video_player_avplay/example/lib/main.dart
@@ -80,6 +80,7 @@ class _HlsRomoteVideoState extends State<_HlsRomoteVideo> {
       }
       setState(() {});
     });
+    _controller.setDisplayRotate(DisplayRotation.rotation_180);
     _controller.setLooping(true);
     _controller.initialize().then((_) => setState(() {}));
     _controller.play();
@@ -202,6 +203,7 @@ class _Mp4RemoteVideoState extends State<_Mp4RemoteVideo> {
       }
       setState(() {});
     });
+    _controller.setDisplayRotate(DisplayRotation.rotation_90);
     _controller.setLooping(true);
     _controller.initialize().then((_) => setState(() {}));
     _controller.play();

[xiaowei-guan]

I tested the setDisplayRotate() API, but there was no change in the video output. Are there any order or option(?) on using the API?

--- a/packages/video_player_avplay/example/lib/main.dart
+++ b/packages/video_player_avplay/example/lib/main.dart
@@ -80,6 +80,7 @@ class _HlsRomoteVideoState extends State<_HlsRomoteVideo> {
       }
       setState(() {});
     });
+    _controller.setDisplayRotate(DisplayRotation.rotation_180);
     _controller.setLooping(true);
     _controller.initialize().then((_) => setState(() {}));
     _controller.play();
@@ -202,6 +203,7 @@ class _Mp4RemoteVideoState extends State<_Mp4RemoteVideo> {
       }
       setState(() {});
     });
+    _controller.setDisplayRotate(DisplayRotation.rotation_90);
     _controller.setLooping(true);
     _controller.initialize().then((_) => setState(() {}));
     _controller.play();

Future _checkAndUpdateVideoRotate() async {
final int? rotate = await windowChannel.invokeMethod('getRotation');
print('rotate $rotate');
if (rotate == 90) {
await _controller.setDisplayRotate(DisplayRotation.rotation_270);
} else if (rotate == 180) {
await _controller.setDisplayRotate(DisplayRotation.rotation_180);
} else if (rotate == 270) {
await _controller.setDisplayRotate(DisplayRotation.rotation_90);
} else {
await _controller.setDisplayRotate(DisplayRotation.rotation_0);
}
}

Need convert screen degree to video degree.

[JSUYA]

I tested the setDisplayRotate() API, but there was no change in the video output. Are there any order or option(?) on using the API?

--- a/packages/video_player_avplay/example/lib/main.dart
+++ b/packages/video_player_avplay/example/lib/main.dart
@@ -80,6 +80,7 @@ class _HlsRomoteVideoState extends State<_HlsRomoteVideo> {
       }
       setState(() {});
     });
+    _controller.setDisplayRotate(DisplayRotation.rotation_180);
     _controller.setLooping(true);
     _controller.initialize().then((_) => setState(() {}));
     _controller.play();
@@ -202,6 +203,7 @@ class _Mp4RemoteVideoState extends State<_Mp4RemoteVideo> {
       }
       setState(() {});
     });
+    _controller.setDisplayRotate(DisplayRotation.rotation_90);
     _controller.setLooping(true);
     _controller.initialize().then((_) => setState(() {}));
     _controller.play();

Future _checkAndUpdateVideoRotate() async { final int? rotate = await windowChannel.invokeMethod('getRotation'); print('rotate $rotate'); if (rotate == 90) { await _controller.setDisplayRotate(DisplayRotation.rotation_270); } else if (rotate == 180) { await _controller.setDisplayRotate(DisplayRotation.rotation_180); } else if (rotate == 270) { await _controller.setDisplayRotate(DisplayRotation.rotation_90); } else { await _controller.setDisplayRotate(DisplayRotation.rotation_0); } }

Need convert screen degree to video degree.

thanks i tested with flutter-tizen/embedder#79

But why is setDisplayMode() needed? Should all items in enum DisplayMode be supported?

[xiaowei-guan]

I tested the setDisplayRotate() API, but there was no change in the video output. Are there any order or option(?) on using the API?

--- a/packages/video_player_avplay/example/lib/main.dart
+++ b/packages/video_player_avplay/example/lib/main.dart
@@ -80,6 +80,7 @@ class _HlsRomoteVideoState extends State<_HlsRomoteVideo> {
       }
       setState(() {});
     });
+    _controller.setDisplayRotate(DisplayRotation.rotation_180);
     _controller.setLooping(true);
     _controller.initialize().then((_) => setState(() {}));
     _controller.play();
@@ -202,6 +203,7 @@ class _Mp4RemoteVideoState extends State<_Mp4RemoteVideo> {
       }
       setState(() {});
     });
+    _controller.setDisplayRotate(DisplayRotation.rotation_90);
     _controller.setLooping(true);
     _controller.initialize().then((_) => setState(() {}));
     _controller.play();

Future _checkAndUpdateVideoRotate() async { final int? rotate = await windowChannel.invokeMethod('getRotation'); print('rotate $rotate'); if (rotate == 90) { await _controller.setDisplayRotate(DisplayRotation.rotation_270); } else if (rotate == 180) { await _controller.setDisplayRotate(DisplayRotation.rotation_180); } else if (rotate == 270) { await _controller.setDisplayRotate(DisplayRotation.rotation_90); } else { await _controller.setDisplayRotate(DisplayRotation.rotation_0); } }
Need convert screen degree to video degree.

thanks i tested with flutter-tizen/embedder#79

But why is setDisplayMode() needed? Should all items in enum DisplayMode be supported?

app can set the video screen mode in the specified display area.
If orentation is changed, app can call setDisplayMode method, it all depends app side.
Web avplay only supports : "PLAYER_DISPLAY_MODE_LETTER_BOX", "PLAYER_DISPLAY_MODE_FULL_SCREEN", or "PLAYER_DISPLAY_MODE_AUTO_ASPECT_RATIO"
https://developer.samsung.com/smarttv/develop/api-references/samsung-product-api-references/avplay-api.html#AVPlayManager-setDisplayMethod