title: How to mute microphone (but not incoming sound)?
body: <p>When using </p>
  
  <pre><code>const audioIncoming = document.createElement('audio');
  </code></pre>
  
  <p>For calls over the browser. </p>
  
  <p><strong>What is the proper way of muting the microphone</strong> but not the incoming audio sound from the network? Or is this even possible? </p>
  
  <p>Here's a complete code example:</p>
  
  <pre><code>const audioProgress = document.createElement('audio');
  const audioIncoming = document.createElement('audio');
  
  /*** Define listener for managing calls ***/
  var callListeners = {
      onCallProgressing: function(call) {
          audioProgress.src = 'style/ringback.wav';
          audioProgress.loop = true;
          audioProgress.play();
          $('div#callLog').append('&lt;div id="stats"&gt;Ringing...&lt;/div&gt;');
      },
      onCallEstablished: function(call) {
          audioIncoming.srcObject = call.incomingStream;
          audioIncoming.play();
          audioProgress.pause();
  
          //Report call stats
          var callDetails = call.getDetails();
          $('div#callLog').append('&lt;div id="stats"&gt;Answered at: '+(callDetails.establishedTime &amp;&amp; new Date(callDetails.establishedTime))+'&lt;/div&gt;');
      },
      onCallEnded: function(call) {
          audioProgress.pause();
          audioIncoming.srcObject = null;
  
          $('button').removeClass('incall');
          $('input#phoneNumber').removeAttr('disabled');
  
          //Report call stats
          var callDetails = call.getDetails();
          $('div#callLog').append('&lt;div id="stats"&gt;Ended: '+new Date(callDetails.endedTime)+'&lt;/div&gt;');
          $('div#callLog').append('&lt;div id="stats"&gt;Duration (s): '+callDetails.duration+'&lt;/div&gt;');
          $('div#callLog').append('&lt;div id="stats"&gt;End cause: '+call.getEndCause()+'&lt;/div&gt;');
          if(call.error) {
              $('div#callLog').append('&lt;div id="stats"&gt;Failure message: '+call.error.message+'&lt;/div&gt;');
          }
      }
  }
  </code></pre>