# Compatability with Ant Media Server on web

**URL:** <https://react-native-webrtc.discourse.group/t/compatability-with-ant-media-server-on-web/1745>\
**Category:** General040642add70aa006ef56b5af5b5acae3\
**Created:** [April 17, 2023, 10:03pm UTC](https://react-native-webrtc.discourse.group/t/compatability-with-ant-media-server-on-web/1745 "2023-04-17T22:03:09Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Orion](https://avatars.discourse-cdn.com/v4/letter/o/a88e4f/32.png) [@Orion](https://react-native-webrtc.discourse.group/u/Orion)\
**Post date:** [April 17, 2023, 10:03pm UTC](https://react-native-webrtc.discourse.group/t/compatability-with-ant-media-server-on-web/1745/1 "2023-04-17T22:03:09Z")

</div>

## Overview

I have a rest [repo](https://github.com/Burncam-Medical/bcm-webrtc2) for web/mobile webrtc conferencing that’s failing to display remote streams when run in the web.

## Project Goals

1. Enable multiple users to communicate with audio/video in a single, webRTC conference room
2. Support mobile (android/iOS)
3. Support modern web browsers (everything except I.E., basically)

## Current Implementation

- Codebase is react native
- Front end code is based off [ant media react native SDK](https://antmedia.io/docs/guides/developer-sdk-and-api/sdk-integration/react-native-sdk/) with associated [github](https://github.com/ant-media/WebRTC-React-Native-SDK))
  - Specifically, using the [conference](https://github.com/ant-media/WebRTC-React-Native-SDK/tree/main/samples/conference) example
  - Have disabled [InCallManager](https://github.com/react-native-webrtc/react-native-incall-manager) for the moment for simplicity
  - Have modified AntMediaLibrary functions to be partially compatible with [react-native-webrtc-web-shim](https://github.com/ruddell/react-native-webrtc-web-shim)

- Using public [Ant Media Server](https://test.antmedia.io:5443/WebRTCAppEE/conference.html) for signalling while testing
- Using google STUN server for testing. No TURN server attached at this time

## Steps to Recreate Issue

- Clone [repo](https://github.com/Burncam-Medical/bcm-webrtc2)
- Run `npm i --force` to override the react-native-webrtc-web-shim react version dependency conflict
- Build web version with `npm run web` or `npx expo start --web`
- (optional) build android version with `npm run android` or `npx expo run:android`
- Click “Join Room” in UI to initiate connection to hardcoded room
- Use other browser to open [Ant Media Server Conference Room](https://test.antmedia.io:5443/WebRTCAppEE/conference.html)
- Enter unique room name (currently hardcoded in /Video.jsx as ‘bcmTest10001’
  - Note that audio track is muted to prevent feedback loops

- Observe that the video from the localhost is viewable from the Ant Media Server Conference Room website (or on android if running), BUT the remote video(s) are blank in the local host
  - The “remoteStreams” will show up as blank red squares and, periodically disappear/refresh

## Suspected Issue

- My guess is that I haven’t properly implemented the react-native-webrtc-web-shim or there is a base incompatability with my approach of trying to use one react-native code base for mobile and web video conferencing. I’ve tried a few versions to implement the web-shim [Track Listener](https://github.com/ruddell/react-native-webrtc-web-shim#track-listener) as per the repos instructions but without success
- Suggestions to fixing the specific instance of the issue, or a better approach to getting this working on mobile/web would be greatly appreciated