Support for Drawing Custom Icons or Line Paths Over Camera Feed (Flutter SDK 6.5.1)

[khanhandpad]

Hi Agora team,

I’m using the Agora Flutter SDK v6.5.1, and I’d like to implement a feature that allows users to freely draw icons or line paths over the camera feed during a video call (e.g., annotations, sketches, etc.).

I’m looking for guidance on how best to approach this:
• Is there native support or recommended methods in the SDK for overlaying custom drawings (e.g., with Canvas or similar)?
• If not, what’s the best practice to implement this without affecting video performance?

Any suggestions, code samples, or best practices would be greatly appreciated.

Thanks!

[peilinok]

Hi @khanhandpad ,

I'm not quite clear about your specific use case. Are you trying to implement a shared whiteboard functionality, for example Interactive Whiteboard ?

[khanhandpad]

Hi @khanhandpad ,

I'm not quite clear about your specific use case. Are you trying to implement a shared whiteboard functionality, for example Interactive Whiteboard ?

Thank you for the response.

To clarify, my use case is not the same as the Interactive Whiteboard.

When I share my local camera during a video call, I want to implement a function that allows me to draw icons or lines directly on the camera feed (e.g., annotations, sketches). These drawings should be visible to remote participants in real time, as part of the video stream.

[peilinok]

Hi @khanhandpad ,
I'm not quite clear about your specific use case. Are you trying to implement a shared whiteboard functionality, for example Interactive Whiteboard ?

Thank you for the response.

To clarify, my use case is not the same as the Interactive Whiteboard.

When I share my local camera during a video call, I want to implement a function that allows me to draw icons or lines directly on the camera feed (e.g., annotations, sketches). These drawings should be visible to remote participants in real time, as part of the video stream.

I think what you need is Raw video processing, and we do have a sample plugin in Flutter to do this, flutter_agora_rtc_rawdata, is this what you want?

[khanhandpad]

Hi @peilinok,

It seems that the plugin flutter_agora_rtc_rawdata is not compatible with the current Agora SDK (v6.5.2).

The plugin requires a lower version of the Agora SDK (v4.2.x).