[TestAppUWP] Expose mute of local media tracks

Expose via the TestAppUWP UI the ability to mute and unmute the local
audio and video tracks, in addition of the existing ability to add and
remove those tracks from the peer connection.

Author: jehumb-havok

examples/TestAppUwp/MainPage.xaml

@@ -187,10 +187,23 @@
                     <Border Grid.Row="1" BorderBrush="#66000000" BorderThickness="2,2,2,2" Background="#AAFFFFFF">
                         <MediaPlayerElement x:Name="localVideo" Height="480" Width="640" />
                     </Border>
-                    <Grid Grid.Row="1">
-                        <Rectangle Width="125" Height="32" VerticalAlignment="Bottom" Margin="0,0,0,20" Fill="#CCFFFFFF" />
-                        <Button Grid.Row="1" Name="startLocalVideo" IsEnabled="False" Content="Start local video" VerticalAlignment="Bottom" Click="StartLocalVideoClicked" Width="125" HorizontalAlignment="Center" Margin="0,0,0,20" Height="32" />
-                    </Grid>
+                    <StackPanel Grid.Row="1" Orientation="Horizontal" Height="68" VerticalAlignment="Bottom" HorizontalAlignment="Center" Margin="0,0,0,20" Background="#CCB2D0FF" Padding="10,10,10,10" >
+                        <Button  Name="startLocalMedia" IsEnabled="False" VerticalAlignment="Center" Click="StartLocalMediaClicked" Width="48" HorizontalAlignment="Center" Height="48">
+                            <SymbolIcon x:Name="startLocalMediaIcon" Symbol="Play" />
+                        </Button>
+                        <Button Name="muteLocalVideo" IsEnabled="False" VerticalAlignment="Center" Click="MuteLocalVideoClicked" Width="48" HorizontalAlignment="Center" Height="48" Margin="10,0,0,0" Padding="0,0,0,0">
+                            <Grid Width="32" Height="32" VerticalAlignment="Center">
+                                <SymbolIcon Symbol="Video" />
+                                <Path x:Name="muteLocalVideoStroke" Stroke="Black" Data="M 32,0 L 0,32" Width="32" Height="32" />
+                            </Grid>
+                        </Button>
+                        <Button Name="muteLocalAudio" IsEnabled="False" VerticalAlignment="Center" Click="MuteLocalAudioClicked" Width="48" HorizontalAlignment="Center" Height="48" Margin="10,0,0,0" Padding="0,0,0,0">
+                            <Grid Width="32" Height="32" VerticalAlignment="Center">
+                                <SymbolIcon Symbol="Microphone" />
+                                <Path x:Name="muteLocalAudioStroke" Stroke="Black" Data="M 32,0 L 0,32" Width="32" Height="32" />
+                            </Grid>
+                        </Button>
+                    </StackPanel>
                     <Border Grid.Row="1" BorderBrush="#66000000" BorderThickness="2,2,2,2" Grid.Column="2" Background="#AAFFFFFF">
                         <MediaPlayerElement x:Name="remoteVideo" Height="480" Width="640" />
                     </Border>

examples/TestAppUwp/MainPage.xaml.cs

@@ -212,6 +212,8 @@ public static string GetDeviceName()
         public MainPage()
         {
             this.InitializeComponent();
+            muteLocalVideoStroke.Visibility = Visibility.Collapsed;
+            muteLocalAudioStroke.Visibility = Visibility.Collapsed;
 
             RestoreLocalAndRemotePeerIDs();
 
@@ -449,7 +451,7 @@ private async void OnLoaded(object sender, RoutedEventArgs e)
 
             createOfferButton.IsEnabled = true;
 
-            startLocalVideo.IsEnabled = true;
+            startLocalMedia.IsEnabled = true;
 
             localVideoPlayer.CurrentStateChanged += OnMediaStateChanged;
             localVideoPlayer.MediaOpened += OnMediaOpened;
@@ -819,7 +821,7 @@ private void OnMediaOpened(MediaPlayer sender, object args)
             {
                 RunOnMainThread(() => {
                     localVideo.MediaPlayer.Play();
-                    //startLocalVideo.IsEnabled = true;
+                    //startLocalMedia.IsEnabled = true;
                 });
             }
         }
@@ -1029,12 +1031,40 @@ private void UpdateRemoteAudioStats(uint channelCount, uint sampleRate)
             remoteAudioSampleRate.Text = $"{sampleRate} Hz";
         }
 
+        private void MuteLocalVideoClicked(object sender, RoutedEventArgs e)
+        {
+            if (_peerConnection.IsLocalVideoTrackEnabled())
+            {
+                _peerConnection.SetLocalVideoTrackEnabled(false);
+                muteLocalVideoStroke.Visibility = Visibility.Visible;
+            }
+            else
+            {
+                _peerConnection.SetLocalVideoTrackEnabled(true);
+                muteLocalVideoStroke.Visibility = Visibility.Collapsed;
+            }
+        }
+
+        private void MuteLocalAudioClicked(object sender, RoutedEventArgs e)
+        {
+            if (_peerConnection.IsLocalAudioTrackEnabled())
+            {
+                _peerConnection.SetLocalAudioTrackEnabled(false);
+                muteLocalAudioStroke.Visibility = Visibility.Visible;
+            }
+            else
+            {
+                _peerConnection.SetLocalAudioTrackEnabled(true);
+                muteLocalAudioStroke.Visibility = Visibility.Collapsed;
+            }
+        }
+
         /// <summary>
         /// Toggle local audio and video playback on/off, adding or removing tracks as needed.
         /// </summary>
         /// <param name="sender">The object which invoked the event.</param>
         /// <param name="e">Event arguments.</param>
-        private async void StartLocalVideoClicked(object sender, RoutedEventArgs e)
+        private async void StartLocalMediaClicked(object sender, RoutedEventArgs e)
         {
             // Toggle between start and stop local audio/video feeds
             //< TODO dssStatsTimer.IsEnabled used for toggle, but dssStatsTimer should be
@@ -1051,7 +1081,11 @@ private async void StartLocalVideoClicked(object sender, RoutedEventArgs e)
                 remotePresentText.Text = "Present: -";
                 remoteSkipText.Text = "Skip: -";
                 remoteLateText.Text = "Late: -";
-                startLocalVideo.Content = "Start local video";
+                muteLocalVideo.IsEnabled = false;
+                muteLocalAudio.IsEnabled = false;
+                startLocalMediaIcon.Symbol = Symbol.Play;
+                muteLocalAudioStroke.Visibility = Visibility.Collapsed;
+                muteLocalVideoStroke.Visibility = Visibility.Collapsed;
             }
             else
             {
@@ -1134,7 +1168,11 @@ private async void StartLocalVideoClicked(object sender, RoutedEventArgs e)
 
                 dssStatsTimer.Interval = TimeSpan.FromSeconds(1.0);
                 dssStatsTimer.Start();
-                startLocalVideo.Content = "Stop local video";
+                muteLocalVideo.IsEnabled = true;
+                muteLocalAudio.IsEnabled = true;
+                startLocalMediaIcon.Symbol = Symbol.Stop;
+                muteLocalAudioStroke.Visibility = Visibility.Collapsed;
+                muteLocalVideoStroke.Visibility = Visibility.Collapsed;
 
                 localVideoSourceName.Text = $"({SelectedVideoCaptureDevice?.DisplayName})";
                 lock (_isLocalVideoPlayingLock)