How to take screenshot in flutter?

[suriyaKalidoss123]

During video call when I'm trying to take screenshot programmatically in flutter. Only a black screen appears. Please provide a solution to take a screenshot.

[plutoless]

how did you do the screenshot? could you pls share your code?

[suriyaKalidoss123]

replace this below code with flutter main.dart sample
videocall.zip
Agora rtc version:agora_rtc_engine: ^1.0.7
Also tried using this plugin: screenshot: ^0.1.1
but still, the issue occurs
For more details refer this stack link:https://stackoverflow.com/questions/60426884/how-to-take-screenshot-in-flutter-during-video-call

[LichKing-2234]

I add the code of screenshot only, and I see it worked, pls check your code.
or you can try my code
call.dart.zip

[suriyaKalidoss123]

@LichKing-2234 i had tried your code but still the black screen issue occurs

Please save the image and check
Future<void> _capturePng() { return new Future.delayed(const Duration(milliseconds: 20), () async { try { RenderRepaintBoundary boundary = rootWidgetKey.currentContext.findRenderObject(); var image = await boundary.toImage(pixelRatio: 3.0); ByteData byteData = await image.toByteData(format: ImageByteFormat.png); Uint8List pngBytes = byteData.buffer.asUint8List(); final result = await ImageGallerySaver.saveImage(pngBytes); return pngBytes; //这个对象就是图片数据 } catch (e) { print(e); } }); }

[LichKing-2234]

onError:17
https://docs.agora.io/en/Voice/API%20Reference/java/classio_1_1agora_1_1rtc_1_1_constants.html#a3f35b3060594b41f137101166f6401b4

is state changed, cause joinChannel twice?

[suriyaKalidoss123]

@LichKing-2234 nope join channel method called on the page initialize.So changing the page state does not call join channel twice. Are you facing this issue?

[LichKing-2234]

by the way, your device is Android or iOS?

[suriyaKalidoss123]

by the way, your device is Android or iOS?

Android

[LichKing-2234]

I think I misunderstood you. The picture in this album is black, but the app works fine?

[suriyaKalidoss123]

I think I misunderstood you. The picture in this album is black, but the app works fine?

yep, the plugin is working fine. But I can't able to take a screenshot due to the black screen issue.

[LichKing-2234]

because we use SurfaceView to render the video, screenshot is not worked for SurfaceView

[suriyaKalidoss123]

@LichKing-2234 absolutely correct, Is there is any alternatives for this issue?

[LichKing-2234]

your can try TextureView, but you need fork our code and modify it

[suriyaKalidoss123]

your can try TextureView, but you need fork our code and modify it

which code?

[LichKing-2234]

you can refer to this doc
https://docs.agora.io/en/Interactive%20Broadcast/custom_advanced_android?platform=Android#agoratextureview-class

[LichKing-2234]

Android code like this
AgoraTextureView render = new AgoraTextureView(context); render.init(null); render.setBufferType(MediaIO.BufferType.BYTE_ARRAY); render.setPixelFormat(MediaIO.PixelFormat.I420); rtcEngine().setLocalVideoRenderer(render); rtcEngine().setRemoteVideoRenderer(uid, otherRender);

[LichKing-2234]

I will close this issue because it is too old. if there are still problems, you can reopen this issue.

[agungsb]

@LichKing-2234 Can you please provide an example of how to achieve that in Flutter?

My guess is that I need setExternalVideoSource method but I can't find it in AgoraRTCEngine

https://docs.agora.io/en/Video/custom_video_android?platform=Android

[agungsb]

I see on https://github.com/AgoraIO/Flutter-SDK/tree/master/android/src/main/java/io/agora/agorartcengine , it only supports SurfaceView for Flutter. Any chance to add TextureView?

[LichKing-2234]

@LichKing-2234 Can you please provide an example of how to achieve that in Flutter?

My guess is that I need setExternalVideoSource method but I can't find it in AgoraRTCEngine

https://docs.agora.io/en/Video/custom_video_android?platform=Android

You should add it into the java code

[LichKing-2234]

I see on https://github.com/AgoraIO/Flutter-SDK/tree/master/android/src/main/java/io/agora/agorartcengine , it only supports SurfaceView for Flutter. Any chance to add TextureView?

We have planed to add TextureView.

[suriyaKalidoss123]

@LichKing-2234 Is the issue fixed? Please provide some workaround to fix these issues, Screenshot is mandatory in the video call app.

[Meherdeep]

Hi, for anyone who's still facing this issue : I was able to take the screenshot of my stream using this package https://pub.dev/packages/native_screenshot

You can simply run this function to take the screenshot of your stream:

Future<void> _capturePng() async {
    String path = await NativeScreenshot.takeScreenshot();
    print(path);
  }

You can find the complete code here: https://github.com/Meherdeep/agora-videocall-demo

[TungWang]

Hi, for anyone who's still facing this issue : I was able to take the screenshot of my stream using this package https://pub.dev/packages/native_screenshot

You can simply run this function to take the screenshot of your stream:

Future<void> _capturePng() async {
    String path = await NativeScreenshot.takeScreenshot();
    print(path);
  }

You can find the complete code here: https://github.com/Meherdeep/agora-videocall-demo

Is it working on iOS?