# Unable to display audio/video of peers

**URL:** <https://mediasoup.discourse.group/t/unable-to-display-audio-video-of-peers/1063>\
**Category:** mediasoup libraries\
**Created:** [May 21, 2020, 7:28am UTC](https://mediasoup.discourse.group/t/unable-to-display-audio-video-of-peers/1063 "2020-05-21T07:28:36Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![ashokvishwakarma](https://yyz2.discourse-cdn.com/free1/user_avatar/mediasoup.discourse.group/ashokvishwakarma/32/395_2.png) [@ashokvishwakarma](https://mediasoup.discourse.group/u/ashokvishwakarma)\
**Post date:** [May 21, 2020, 7:28am UTC](https://mediasoup.discourse.group/t/unable-to-display-audio-video-of-peers/1063/1 "2020-05-21T07:28:36Z")

</div>

Hey there,

I am trying to use media soup for a personal project and facing some difficulties to play audio/video from peers.

When a new peer connected I am getting consumers for audio and video with the tracks which I am passing directly to audio and video HTML element but I cannot see or hear anything from peers.

Find the code below

```auto
// Getting consumers arrar from peer
const consumerArray: Array<any> = this.peer.consumers.map((id: string) => this.consumerService.getConsumer(id));

// geeting audio and video consumer from consumers arrar 
this.audioConsumer = consumerArray.find((consumer: any) => consumer.track.kind === 'audio');
this.videoConsumer = consumerArray.find((consumer: any) => consumer.track.kind === 'video');

// setting audio and video track
this._setTrack(this.audioConsumer.track, this.videoConsumer.track);

private _setTrack(audioTrack: any, videoTrack: any) {
    if(this._audioTrack === audioTrack && this._videoTrack === videoTrack) {
      return;
    }

    this._audioTrack = audioTrack;
    this._videoTrack = videoTrack;

    if(this._audioTrack) {
      const stream: MediaStream = new MediaStream();
      stream.addTrack(this._audioTrack);
      this.renderer.setProperty(this.audioElement.nativeElement, 'srcObject', stream);
      this.audioElement.nativeElement.play().catch((error) => console.log(error));
      this._runHark(stream);
    } else {
      this.renderer.setProperty(this.audioElement.nativeElement, 'srcObject', null);
    }

    if(this._videoTrack) {
      const stream: MediaStream = new MediaStream();
      stream.addTrack(this._videoTrack);
      this.renderer.setProperty(this.videoElement.nativeElement, 'srcObject', stream);
    } else {
      this.renderer.setProperty(this.videoElement.nativeElement, 'srcObject', null);
    }
  }

```

The code works fine for producers.

I am kind of stuck here any help would really be appreciated.

PS: I am following mediasoup-demo codebase

---

<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:** [May 21, 2020, 8:45am UTC](https://mediasoup.discourse.group/t/unable-to-display-audio-video-of-peers/1063/2 "2020-05-21T08:45:16Z")

</div>

If this is about the mediasoup-demo then please use the `mediasoup-demo` category. Changing it.

Other than that, we cannot do debugging for you, but here things that may help:

- [https://mediasoup.org/faq/#running-mediasoup-in-hosts-with-private-ip](https://mediasoup.org/faq/#running-mediasoup-in-hosts-with-private-ip)
- [https://mediasoup.org/documentation/v3/mediasoup/debugging/](https://mediasoup.org/documentation/v3/mediasoup/debugging/)