# how to listen for connection state change for prducer

**URL:** <https://mediasoup.discourse.group/t/how-to-listen-for-connection-state-change-for-prducer/3274>\
**Category:** mediasoup libraries\
**Created:** [September 6, 2021, 2:37pm UTC](https://mediasoup.discourse.group/t/how-to-listen-for-connection-state-change-for-prducer/3274 "2021-09-06T14:37:58Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![metasebiya](https://avatars.discourse-cdn.com/v4/letter/m/b77776/32.png) [@metasebiya](https://mediasoup.discourse.group/u/metasebiya)\
**Post date:** [September 6, 2021, 2:37pm UTC](https://mediasoup.discourse.group/t/how-to-listen-for-connection-state-change-for-prducer/3274/1 "2021-09-06T14:37:58Z")

</div>

I been implementing mediasoup for my live stream website and I got in confused on how exactly I can make transport listens on connection state changes,  
on the client side it stays only connection is changed into connecting  
on the producer side

```auto
 transport.on('connectionstatechange', (state) => {
    switch (state) {
      case 'connecting':
        $txtPublish.innerHTML = 'publishing...';
        $fsPublish.disabled = true;
        $fsSubscribe.disabled = true;
      break;

      case 'connected':
        document.querySelector('#local_video').srcObject = stream;
        $txtPublish.innerHTML = 'published';
        $fsPublish.disabled = true;
        $fsSubscribe.disabled = false;
      break;

      case 'failed':
        transport.close();
        $txtPublish.innerHTML = 'failed';
        $fsPublish.disabled = false;
        $fsSubscribe.disabled = true;
      break;

      default: break;
    }
  });

```