Taking Screenshot of only background on web

[rohanjariwala03]

• Using flutter_webrtc package.
• For capturing image I'm wrapping flutter_webrtc with Screenshot package.
• It's working good on macOS, iOS, windows. But not working on Web.

Issue

• On web screenshot package is taking screenshot of background only and not of the flutter_webrtc view.

Tried flutter run -d web-server --web-port 3344 --release --web-renderer canvaskit --dart-define=BROWSER_IMAGE_DECODING_ENABLED=false

Code

ScreenshotController screenshotController = ScreenshotController();

Widget screenshotWidget() {
   return Screenshot(
                    controller: screenshotController,
                    child: RTCVideoView(
                      ref.read(widget.rtc),
                      objectFit: RTCVideoViewObjectFit.RTCVideoViewObjectFitContain,
                      mirror: true,
                      filterQuality: FilterQuality.high,
                    ),
                  );
}

Future<void> captureImage() async {
   Uint8List? tempImage = await screenshotController.capture().onError((error, stackTrace) {
                                    debugPrint('error $error');
                                    return null;
                                  });
}

NOTE: Working on MacOs, Windows, iOS and Android

[vborbely]

I found that on Web, you have to call Uint8List? tempImage = await screenshotController.capture() with a Duration = 0:

Uint8List? tempImage = await screenshotController.capture( delay: const Duration(milliseconds: 0) );