# iOS React Native Participant low video quality

**URL:** <https://devforum.zoom.us/t/ios-react-native-participant-low-video-quality/123216>\
**Category:** React Native\
**Tags:** video-sdk\
**Created:** [December 24, 2024, 12:21am UTC](https://devforum.zoom.us/t/ios-react-native-participant-low-video-quality/123216 "2024-12-24T00:21:47Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![iryna.doroshenko](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/iryna.doroshenko/32/64599_2.png) [@iryna.doroshenko](https://devforum.zoom.us/u/iryna.doroshenko)\
**Post date:** [December 24, 2024, 12:21am UTC](https://devforum.zoom.us/t/ios-react-native-participant-low-video-quality/123216/1 "2024-12-24T00:21:47Z")

</div>

Description  
I’m experiencing an issue with video quality during Zoom calls using the React-Native Video SDK. The local selfie video is clear and high-quality, but the remote participant’s video appears in low quality, especially on iOS devices. On Android, the quality is slightly better but still not ideal. This issue occurs despite having a stable, high-speed internet connection.

Errors  
No specific error message. The remote participant’s video appears pixelated or blurry, both in portrait and landscape modes. Adjusting videoAspect does not improve the quality.

Which React Native Video SDK version?  
**@zoom/react-native-videosdk: ^1.13.10 (latest version)**

Video SDK Code Snippets

**Local Video (Selfie):**

```auto
<ZoomView
    mirrorEnabled={false}
    style={styles.localVideoView}
    userId={mySelf.userId}
    key={mySelf.userId}
    preview={true}
    videoAspect={VideoAspect.PanAndScan}
  />

```

**Remote Participant Video:**

```auto
<ZoomView
  style={styles.remoteVideo}
  userId={remoteUserId}
  key={remoteUserId}
  fullScreen
  videoAspect={VideoAspect.Original}
/>

```

**Joining the Session:**

```auto
await zoom.joinSession({
  sessionName: sessionName,
  token: jwtToken,
  userName: user.first_name,
  audioOptions: {
    connect: true,
    mute: false,
    autoAdjustSpeakerVolume: false,
  },
  videoOptions: { localVideoOn: true }
});

```

**Styles:**

```auto
const styles = StyleSheet.create({
  remoteVideo: {
    width: '100%',
    height: '100%',
  },
  localVideoView: {
    height: '100%',
    width: '100%',
  },
});

```

**Steps to reproduce the behavior:**

1.Join a Zoom session using the provided SDK code.  
2.Observe that the local video (selfie) is of high quality.  
3.Observe that the remote participant’s video is of low quality on iOS devices.  
4.Screenshots

Troubleshooting Routes:

Tested different videoAspect values:

1.Original produces low quality.  
2.PanAndScan results in the worst quality.  
3.LetterBox has the same quality as Original.

Verified internet connection is stable and high-speed.  
Tested on multiple iOS devices and OS versions (details below).

Smartphone

Device: iPhone 13 Pro Max, iPhone 15 Pro, iPhone 15  
OS: iOS 17, iOS 18  
Additional Context  
I’ve tried troubleshooting by adjusting settings and testing on different devices, but the issue persists. The problem is more pronounced on iOS compared to Android. Remote video quality needs improvement for production use.

 ![IMG_7752.PNG](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/f/a/faec2c72841a56e1025d77cfa24dd92b3b4dda9b.jpeg)  
 ![IMG_7753.PNG](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/3/3/33e4b9fc58f7bc82ce6a562f1e08786710d80255.jpeg)  
 ![IMG_7754.PNG](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/5/4/54581b5986a1a6a779edc85952158abe3926228f.jpeg)  
 ![IMG_7755.PNG](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/f/6/f671ae88328e7529c592d997e0c954c7803abe24.jpeg)  
 ![IMG_7771.PNG](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/4/3/436824d021c509a9396d2f4f621a4dc398f21218.jpeg)

---

<div class="post-metadata">

**Author:** ![ekaansh.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ekaansh.zoom/32/55004_2.png) [@ekaansh.zoom](https://devforum.zoom.us/u/ekaansh.zoom)\
**Post date:** [December 24, 2024, 2:58pm UTC](https://devforum.zoom.us/t/ios-react-native-participant-low-video-quality/123216/2 "2024-12-24T14:58:43Z")

</div>

Hi @iryna.doroshenko

Have you tried specifying a `videoResolution` prop?

```js
         <ZoomView
            style={styles.container}
            userId={user.userId}
            fullScreen
            videoResolution={VideoResolution.Resolution720P} // here
            videoAspect={VideoAspect.PanAndScan}
          />

```

---

<div class="post-metadata">

**Author:** ![iryna.doroshenko](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/iryna.doroshenko/32/64599_2.png) [@iryna.doroshenko](https://devforum.zoom.us/u/iryna.doroshenko)\
**Post date:** [December 24, 2024, 3:33pm UTC](https://devforum.zoom.us/t/ios-react-native-participant-low-video-quality/123216/3 "2024-12-24T15:33:08Z")

</div>

> [@ekaansh.zoom](#):
>
> `videoResolution={VideoResolution.Resolution720P} `

It works ! thank you so much! with this additional property video is more better 💫

 ![IMG_7782.PNG](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/a/e/aecbb435ebe404a4f364eb7322ebead7cbad098a.jpeg)  
 ![IMG_7783.PNG](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/0/7/0752ec34ef05ed3ca1a10600c93c3b619739dd0d.jpeg)

---

<div class="post-metadata">

**Author:** ![ekaansh.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/ekaansh.zoom/32/55004_2.png) [@ekaansh.zoom](https://devforum.zoom.us/u/ekaansh.zoom)\
**Post date:** [December 28, 2024, 9:23am UTC](https://devforum.zoom.us/t/ios-react-native-participant-low-video-quality/123216/4 "2024-12-28T09:23:01Z")

</div>

Closed on December 28, 2024, 9:23am UTC