Added sound effect on login and on error

app/client/services/buffer.js

@@ -2,7 +2,7 @@
  * Buffer Service
  */
 
-module.exports = function(socket) {
+module.exports = function(socket, sound) {
 
   socket.on('buffer:info', function(string) {
     $('#buffer').append('<span style="color:#2976A9;">[i] ' + string + '</span><br>\n');
@@ -12,6 +12,7 @@ module.exports = function(socket) {
   socket.on('buffer:success', function(string) {
     $('#buffer').append('<span style="color:#4AA937;">[i] ' + string + '</span><br>\n');
     $('#buffer').scrollTop($('#buffer').prop('scrollHeight'));
+    sound.connected();
   });
 
   socket.on('buffer:error', function(error) {
@@ -30,6 +31,7 @@ module.exports = function(socket) {
     }
     $('#buffer').append('<span style="color:#D62D18;">[i] Error: ' + error + '</span><br>');
     $('#buffer').scrollTop($('#buffer').prop('scrollHeight'));
+    sound.error();
   });
 
   socket.on('bot:message', function(string) {
@@ -45,6 +47,7 @@ module.exports = function(socket) {
   socket.on('disconnect', function() {
     $('#buffer').append('<span style="color:#D62D18;">&gt; Connection to chat server has been lost. Reconnecting...</span><br>');
     $('#buffer').scrollTop($('#buffer').prop('scrollHeight'));
+    sound.error();
   });
 
   socket.on('bot:disconnect', function() {

app/client/services/index.js

@@ -10,4 +10,7 @@ exports.register = function(app) {
   // buffer factory
   app.factory('buffer', require('./buffer'));
 
+  // sound factory
+  app.factory('sound',  require('./sound'));
+
 };

app/client/services/sound.js

@@ -0,0 +1,18 @@
+module.exports = function() {
+
+  var connected = "connected";
+  var error     = "error";
+
+  createjs.Sound.registerSound("/sounds/connected.mp3", connected);
+  createjs.Sound.registerSound("/sounds/error.mp3", error);
+
+  return {
+    connected: function() {
+      createjs.Sound.play(connected);
+    },
+    error: function() {
+      createjs.Sound.play(error);
+    }
+  };
+
+};

public/templates/index.html

@@ -26,6 +26,7 @@
   <!-- scripts -->
   <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
   <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
+  <script src="//code.createjs.com/soundjs-0.6.0.min.js"></script>
   <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
   <script src="/lib/socket.io.js"></script>
   <script src="/js/app.js"></script>