add socket.io and handle reception on client

Author: joelongstreet

index.js

@@ -3,6 +3,7 @@ var path = require('path');
 var http = require('http');
 var app = express();
 var server = http.Server(app);
+var io = require('socket.io')(server);
 var port = process.env.PORT || 3000;
 
 app.use(express.static(path.join(__dirname, 'public')));

package.json

@@ -2,10 +2,11 @@
   "name": "NodeKC-October-2014",
   "version": "0.0.1",
   "engines": {
-    "node" : "0.10.x"
+    "node": "0.10.x"
   },
   "dependencies": {
-    "express": "~4.2.0"
+    "express": "~4.2.0",
+    "socket.io": "^1.1.0"
   },
   "author": "Joe Longstreet",
   "license": "MIT"

public/sup.html

@@ -11,6 +11,7 @@
       <h1 id='sup'>sup?</h1>
     </div>
     <audio id='clip' src='/sup.mp3' />
+    <script src='/socket.io/socket.io.js'></script>
     <script src='/sup.js'></script>
   </body>
 </html>

public/sup.js

@@ -1,3 +1,4 @@
+var socket = io();
 var $background = document.getElementById('container');
 var $sup = document.getElementById('sup');
 var $audio = document.getElementById('clip');
@@ -25,3 +26,8 @@ var highlight = function(){
 var playSound = function(){
   $audio.play();
 };
+
+socket.on('sup', function(){
+  highlight();
+  playSound();
+});