diff --git a/www/app/app.js b/www/app/app.js
index df17233..17639cb 100755
--- a/www/app/app.js
+++ b/www/app/app.js
@@ -5,13 +5,31 @@ var delete_audio = new Audio('media/snap.mp3');
 var new_audio = new Audio('media/throw.mp3');
 
 app.controller('tasksController', function($scope, $http, $mdDialog) {
+	$scope.muted = false;
+	$scope.has_audio = false;
+	
+	var audio_controller = {
+		"audios": {}
+		,"play": function(sound_name) {
+			if ( ! $scope.muted && sound_name in audio_controller.audios ) {
+				audio_controller.audios[sound_name].play();
+			}
+		}	
+	};
+	if ( Modernizr.audio ) {
+		$scope.has_audio = true;
+		audio_controller.audios = {
+			"complete": new Audio('media/slap.mp3')
+			,"delete": new Audio('media/snap.mp3')
+			,"new": new Audio('media/throw.mp3')
+		};
+	}
 	
 	get_tasks();
 	
 	function get_tasks(){
 		$http.get('task').then(function(response){
-			$scope.tasks = response.data;
-			console.log(response);
+			$scope.tasks = response.data;
 		},handle_response_error);
 	};
 	function show_alert(text) {
@@ -44,7 +62,7 @@ app.controller('tasksController', function($scope, $http, $mdDialog) {
 	
 	$scope.add_task = function() {
 		$http.post('task/',{"name": $scope.taskNewName}).then(function(response){
-			new_audio.play();
+			audio_controller.play('new');
 			get_tasks();
 			$scope.taskNewName = '';
 		},handle_response_error);
@@ -53,7 +71,7 @@ app.controller('tasksController', function($scope, $http, $mdDialog) {
 	$scope.delete_task = function(id) {
 		show_yesno('Are you sure to delete this task?',function(){
 			$http.delete('task/'+ id).then(function(data){
-				delete_audio.play();
+				audio_controller.play('delete');
 				get_tasks();
 			},handle_response_error);
 		});
@@ -67,9 +85,9 @@ app.controller('tasksController', function($scope, $http, $mdDialog) {
 		}
 		$http.post('task/'+ id,{ "is_complete": is_complete }).then(function(response){
 			if ( is_complete ) {
-				complete_audio.play();
+				audio_controller.play('complete');
 			} else {
-				new_audio.play();
+				audio_controller.play('new');
 			}
 			get_tasks();
 		},handle_response_error);
diff --git a/www/app/views/app.html b/www/app/views/app.html
index e10a809..dc80f06 100755
--- a/www/app/views/app.html
+++ b/www/app/views/app.html
@@ -14,7 +14,9 @@
 	<header>
 		<img src="img/ninja.png" alt="">
 		TaskLee
-		<span class="credit"><a href="http://seldomshort.com/">Michael Vandenberghe <i class="fa fa-external-link"></i></a></span>
+		<span class="right">
+			<a href="http://seldomshort.com/">Michael Vandenberghe <i class="fa fa-external-link"></i></a>
+		</span>
 	</header>
 	
     <section>
@@ -27,12 +29,16 @@
     	</div>
     </section>
     <section class="add_task">
+    	<span class="right" ng-show="has_audio">
+    		<a ng-class="{sound_control: true,'muted': muted}" ng-click="muted = (muted ? false : true )"><i ng-class="{fa: true,'fa-volume-up': ! muted,'fa-volume-off': muted}"></i> sound fx</a>
+    	</span>
     	<form ng-submit="add_task()">
 	    	<input type="text" placeholder="Task Name" ng-model="taskNewName">
 	    	<button type="submit"><i class="fa fa-plus"></i> Add Task</button>
 	    </form>
     </section>
     
+	<script src="js/modernizr.js"></script>
 	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script>
 	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-animate.min.js"></script>
 	<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-aria.min.js"></script>
diff --git a/www/css/styles.css b/www/css/styles.css
index 1fc2f60..4baa963 100755
--- a/www/css/styles.css
+++ b/www/css/styles.css
@@ -8,7 +8,7 @@ html,body {
 
 a {
 	text-decoration: none;
-	color: #000 !important;
+	color: #000 !important;/*important to override material css*/
 }
 a:hover {
 	opacity: 0.6;
@@ -28,7 +28,7 @@ header img {
 	width: 40px;
 }
 
-header .credit {
+.right {
 	float: right;
 	font-size: 12px;
 }
@@ -64,6 +64,15 @@ section {
 	margin-left: 4px;
 }
 
+.sound_control {
+	display: inline-block;
+	margin-left: 10px;
+	color: #4D642D !important;
+}
+.sound_control.muted {
+	color: #FA2A00 !important;
+}
+
 .add_task input, button {
 	font-size: 0.7em;
 	line-height: 1;
diff --git a/www/js/modernizr.js b/www/js/modernizr.js
new file mode 100644
index 0000000..de7b4eb
--- /dev/null
+++ b/www/js/modernizr.js
@@ -0,0 +1,3 @@
+/*! modernizr 3.3.1 (Custom Build) | MIT *
+ * http://modernizr.com/download/?-audio-setclasses !*/
+!function(e,n,a){function o(e,n){return typeof e===n}function s(){var e,n,a,s,t,c,r;for(var u in l)if(l.hasOwnProperty(u)){if(e=[],n=l[u],n.name&&(e.push(n.name.toLowerCase()),n.options&&n.options.aliases&&n.options.aliases.length))for(a=0;a<n.options.aliases.length;a++)e.push(n.options.aliases[a].toLowerCase());for(s=o(n.fn,"function")?n.fn():n.fn,t=0;t<e.length;t++)c=e[t],r=c.split("."),1===r.length?Modernizr[r[0]]=s:(!Modernizr[r[0]]||Modernizr[r[0]]instanceof Boolean||(Modernizr[r[0]]=new Boolean(Modernizr[r[0]])),Modernizr[r[0]][r[1]]=s),i.push((s?"":"no-")+r.join("-"))}}function t(e){var n=u.className,a=Modernizr._config.classPrefix||"";if(p&&(n=n.baseVal),Modernizr._config.enableJSClass){var o=new RegExp("(^|\\s)"+a+"no-js(\\s|$)");n=n.replace(o,"$1"+a+"js$2")}Modernizr._config.enableClasses&&(n+=" "+a+e.join(" "+a),p?u.className.baseVal=n:u.className=n)}function c(){return"function"!=typeof n.createElement?n.createElement(arguments[0]):p?n.createElementNS.call(n,"http://www.w3.org/2000/svg",arguments[0]):n.createElement.apply(n,arguments)}var i=[],l=[],r={_version:"3.3.1",_config:{classPrefix:"",enableClasses:!0,enableJSClass:!0,usePrefixes:!0},_q:[],on:function(e,n){var a=this;setTimeout(function(){n(a[e])},0)},addTest:function(e,n,a){l.push({name:e,fn:n,options:a})},addAsyncTest:function(e){l.push({name:null,fn:e})}},Modernizr=function(){};Modernizr.prototype=r,Modernizr=new Modernizr;var u=n.documentElement,p="svg"===u.nodeName.toLowerCase();Modernizr.addTest("audio",function(){var e=c("audio"),n=!1;try{(n=!!e.canPlayType)&&(n=new Boolean(n),n.ogg=e.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,""),n.mp3=e.canPlayType('audio/mpeg; codecs="mp3"').replace(/^no$/,""),n.opus=e.canPlayType('audio/ogg; codecs="opus"')||e.canPlayType('audio/webm; codecs="opus"').replace(/^no$/,""),n.wav=e.canPlayType('audio/wav; codecs="1"').replace(/^no$/,""),n.m4a=(e.canPlayType("audio/x-m4a;")||e.canPlayType("audio/aac;")).replace(/^no$/,""))}catch(a){}return n}),s(),t(i),delete r.addTest,delete r.addAsyncTest;for(var f=0;f<Modernizr._q.length;f++)Modernizr._q[f]();e.Modernizr=Modernizr}(window,document);
\ No newline at end of file