How to show Image When Video is Mute

[muhamadjawad]

hi, I just came with a problem that when ever i mute the video in video call i want ti show my image to the remote users but i cant do that .I used addwatermark also but that also threw error.
Can any one please help me.

[LichKing-2234]

You can add an image view to float to the render view.

[muhamadjawad]

Can u please provide an example.?

[LichKing-2234]

https://stackoverflow.com/questions/29541971/absolute-and-flexbox-in-react-native

[muhamadjawad]

I m using curently this code for showing local Video.

    <View style={[styles.localView]}>
       <RtcLocalView.SurfaceView
         zOrderOnTop={true}
         style={{flex: 1}}
         channelId={channelName}

         // renderMode={VideoRenderMode.Hidden}
       />
     </View>

Now how can i show my image to all users in group call.??

[LichKing-2234]

Using <RtcRemoteView.SurfaceView/>

[muhamadjawad]

but this is for remote users what about local view?

[LichKing-2234]

<RtcLocalView.SurfaceView> for the local video
<RtcRemoteView.SurfaceView> for the remote video

[LichKing-2234]

maybe you can refer to our example

https://github.com/AgoraIO-Community/react-native-agora/blob/master/example/src/examples/basic/JoinChannelVideo/JoinChannelVideo.tsx

[muhamadjawad]

But that code is for video call what about audio call??

[LichKing-2234]

you should not use the view for the audio call.

[muhamadjawad]

then how can i show my image to remote users in audio call???

[LichKing-2234]

Use your server to get the image URL the show it by the Image view.

[muhamadjawad]

Isnt there any option .I am trying to avoid server use here.As it will lag the call.