diff --git a/client/static/index.html b/client/static/index.html
index 26ce081..f0e5456 100644
--- a/client/static/index.html
+++ b/client/static/index.html
@@ -100,7 +100,7 @@ margin-bottom: 1px; }
     <md-content flex md-scroll-y>
       <ui-view layout="column" layout-fill layout-padding>
 
-	  <md-button class="md-raised md-primary" ng-click="pause()">Pause</md-button>
+	  <md-button class="md-raised md-primary" ng-click="togglePlay()">Play/Pause</md-button>
 
 	<section layout="row" layout-sm="column" layout-align="center center" layout-wrap>
 	  <div class="label">Skip</div>
@@ -132,6 +132,9 @@ margin-bottom: 1px; }
               <md-button class="md-fab" aria-label="Volume up" ng-click="volumeUp()">
             +
               </md-button>
+	    <md-button class="md-fab" aria-label="Toggle mute" ng-click="toggleMute()">
+            M
+              </md-button>
 	      </section>
 	
 	 <div class="ng-scope fade" ng-if="status" id="status">
@@ -189,11 +192,30 @@ $scope.status = '';
 
 $scope.alert = '';
 $scope.back = function() { seek(-10) };
-$scope.pause = function() {};
+$scope.togglePlay = function() {
+    $http({
+    method: 'GET',
+    url: '/playpause'
+  }).then(function successCallback(response) {
+    showStatus("Toggle play: Success");
+  }, function errorCallback(response) {
+    showStatus("Toggle play: Error");
+    });
+};
 $scope.forward = function() { seek(10) };
 $scope.volumeUp = function() { volume(5) };
 $scope.volumeDown = function() { volume(-5) };
-			    
+$scope.toggleMute = function() {
+ $http({
+    method: 'GET',
+    url: '/muteunmute'
+  }).then(function successCallback(response) {
+    showStatus("Toggle mute: Success");
+  }, function errorCallback(response) {
+    showStatus("Toggle mute: Error");
+    });
+};
+			  
   $scope.showListBottomSheet = function($event) {
     $scope.alert = '';
     $mdBottomSheet.show({