# how react-native-webrtc consume stream in one RTCView render？

**URL:** <https://mediasoup.discourse.group/t/how-react-native-webrtc-consume-stream-in-one-rtcview-render/2718>\
**Category:** mediasoup libraries\
**Created:** [April 22, 2021, 3:52am UTC](https://mediasoup.discourse.group/t/how-react-native-webrtc-consume-stream-in-one-rtcview-render/2718 "2021-04-22T03:52:57Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![pingqiaotoufu](https://yyz2.discourse-cdn.com/free1/user_avatar/mediasoup.discourse.group/pingqiaotoufu/32/856_2.png) [@pingqiaotoufu](https://mediasoup.discourse.group/u/pingqiaotoufu)\
**Post date:** [April 22, 2021, 3:52am UTC](https://mediasoup.discourse.group/t/how-react-native-webrtc-consume-stream-in-one-rtcview-render/2718/1 "2021-04-22T03:52:57Z")

</div>

I use **react-native-webrtc** and **mediacoup3** to develop a video conference system. There is a problem that bothers me.  
Mediasoup sends video stream and audio stream separately, but **RTCView** of react-native-webrtc can only consume one stream. I had to use two RTCView for both video and audio. It seems strange. Can someone tell me what best practices are？  
thanks！

```auto
<View style={styles.videortcview}>
          <RTCView style={styles.rtc}
          mirror={true}
          objectFit='cover'
          zOrder={200}
          streamURL={videostream?videostream.toURL():""}
          />
       </View>
<View >
          <RTCView style={styles.audio}
          mirror={false}
          objectFit='cover'
          zOrder={0}
          streamURL={audiostream?audiostream.toURL():""}
          />
</View>

```

---

<div class="post-metadata">

**Author:** ![ibc](https://yyz2.discourse-cdn.com/free1/user_avatar/mediasoup.discourse.group/ibc/32/1540_2.png) [@ibc](https://mediasoup.discourse.group/u/ibc)\
**Post date:** [April 22, 2021, 7:28am UTC](https://mediasoup.discourse.group/t/how-react-native-webrtc-consume-stream-in-one-rtcview-render/2718/2 "2021-04-22T07:28:39Z")

</div>

Please learn the difference between MediaStream and MediaStreamTrack.

---

<div class="post-metadata">

**Author:** ![pingqiaotoufu](https://yyz2.discourse-cdn.com/free1/user_avatar/mediasoup.discourse.group/pingqiaotoufu/32/856_2.png) [@pingqiaotoufu](https://mediasoup.discourse.group/u/pingqiaotoufu)\
**Post date:** [April 22, 2021, 8:23am UTC](https://mediasoup.discourse.group/t/how-react-native-webrtc-consume-stream-in-one-rtcview-render/2718/3 "2021-04-22T08:23:16Z")

</div>

Great. Thank you so much. It works！ 😃

```auto
rc.on(RoomClient.EVENTS.audioStreamChange, () => {
      let stream = rc.getRemoteAudioStream();
      console.log("audiostream: "+stream.toURL())
      //setAudiostream(stream)
      setLargestream(largestream.addTrack(stream.getTrackById(stream.getAudioTracks()[0].id)))
    })

```