Blip ♪

package.json

@@ -7,6 +7,7 @@
     "babel": "^5.1.9",
     "bluebird": "^2.9.24",
     "dotenv": "^1.1.0",
+    "howler": "^1.1.25",
     "nconf": "^0.7.1",
     "pg": "^4.3.0",
     "ws": "^0.7.1"

source/js/blips.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var howler = require('howler');
+
+var blip = new howler.Howl({
+  urls: ['../sounds/blip.wav']
+});
+
+exports.blip = () => {
+  blip.play();
+};

source/js/main.js

@@ -1,14 +1,16 @@
 'use strict';
 
-var socket = new WebSocket('ws://localhost:8080');
 var thematrix = require('./thematrix');
+var blips = require('./blips');
+var socket = new WebSocket('ws://localhost:8080');
 var allowedMessages = ['LoadArticle', 'pageview', 'articleseen'];
 
 socket.onmessage = (e) => {
   var data = e.data.split('|');
 
   if(allowedMessages.indexOf(data[0]) > -1) {
     thematrix.draw(data);
+    blips.blip();
   }
 };