Fix media device handling.

app/src/RoomClient.js

@@ -652,9 +652,15 @@ export default class RoomClient
 	{
 		logger.debug('muteMic()');
 
+		this._micProducer.pause();
+
 		try
 		{
-			this._micProducer.pause();
+			await this.sendRequest(
+				'pauseProducer', { producerId: this._micProducer.id });
+
+			store.dispatch(
+				stateActions.setProducerPaused(this._micProducer.id));
 		}
 		catch (error)
 		{
@@ -672,14 +678,21 @@ export default class RoomClient
 	{
 		logger.debug('unmuteMic()');
 
+		if (!this._micProducer)
+		{
+			this.enableMic();
+		}
+		else
+		{
+			this._micProducer.resume();
+
 			try
 			{
-			if (this._micProducer)
-				this._micProducer.resume();
-			else if (this._room.canSend('audio'))
-				await this.enableMic();
-			else
-				throw new Error('cannot send audio');
+				await this.sendRequest(
+					'resumeProducer', { producerId: this._micProducer.id });
+	
+				store.dispatch(
+					stateActions.setProducerResumed(this._micProducer.id));
 			}
 			catch (error)
 			{
@@ -692,6 +705,7 @@ export default class RoomClient
 					}));
 			}
 		}
+	}
 
 	// Updated consumers based on spotlights
 	async updateSpotlights(spotlights)