have notes page only listen to one socket

This commit is contained in:
Rebecca Murphey 2012-06-17 18:45:00 -04:00
parent 6d1a78091a
commit 939da8834e
2 changed files with 24 additions and 13 deletions

View File

@ -2,6 +2,7 @@ var express = require('express');
var fs = require('fs'); var fs = require('fs');
var io = require('socket.io'); var io = require('socket.io');
var _ = require('underscore'); var _ = require('underscore');
var Mustache = require('mustache');
var app = express.createServer(); var app = express.createServer();
var staticDir = express.static; var staticDir = express.static;
@ -29,8 +30,14 @@ app.get("/", function(req, res) {
fs.createReadStream(opts.baseDir + '/index.html').pipe(res); fs.createReadStream(opts.baseDir + '/index.html').pipe(res);
}); });
app.get("/_notes", function(req, res) { app.get("/_notes/:socketId", function(req, res) {
fs.createReadStream(opts.baseDir + 'slidenotes/notes.html').pipe(res);
fs.readFile(opts.baseDir + 'slidenotes/notes.html', function(err, data) {
res.send(Mustache.to_html(data.toString(), {
socketId : req.params.socketId
}));
});
// fs.createReadStream(opts.baseDir + 'slidenotes/notes.html').pipe(res);
}); });
// Actually listen // Actually listen
@ -38,4 +45,4 @@ app.listen(opts.port || null);
console.log("Your slides are at http://localhost" + (opts.port ? (':' + opts.port) : '')); console.log("Your slides are at http://localhost" + (opts.port ? (':' + opts.port) : ''));
console.log("Your notes are at http://localhost" + (opts.port ? (':' + opts.port) : '') + '/_notes'); console.log("Your notes are at http://localhost" + (opts.port ? (':' + opts.port) : '') + '/_notes');
console.log("Advance through your slides and your speaker notes will advance automatically"); console.log("Advance through your slides and your speaker notes will advance automatically");

View File

@ -18,16 +18,16 @@
float: left; float: left;
} }
#slides { #slides {
width: 1280px; width: 1280px;
height: 1024px; height: 1024px;
border: 1px solid black; border: 1px solid black;
-moz-transform: scale(0.5); -moz-transform: scale(0.5);
-moz-transform-origin: 0 0; -moz-transform-origin: 0 0;
-o-transform: scale(0.5); -o-transform: scale(0.5);
-o-transform-origin: 0 0; -o-transform-origin: 0 0;
-webkit-transform: scale(0.5); -webkit-transform: scale(0.5);
-webkit-transform-origin: 0 0; -webkit-transform-origin: 0 0;
} }
#wrap-next-slide { #wrap-next-slide {
@ -37,16 +37,16 @@
margin: 0 0 0 50px; margin: 0 0 0 50px;
} }
#next-slide { #next-slide {
width: 1280px; width: 1280px;
height: 1024px; height: 1024px;
border: 1px solid black; border: 1px solid black;
-moz-transform: scale(0.25); -moz-transform: scale(0.25);
-moz-transform-origin: 0 0; -moz-transform-origin: 0 0;
-o-transform: scale(0.25); -o-transform: scale(0.25);
-o-transform-origin: 0 0; -o-transform-origin: 0 0;
-webkit-transform: scale(0.25); -webkit-transform: scale(0.25);
-webkit-transform-origin: 0 0; -webkit-transform-origin: 0 0;
} }
</style> </style>
</head> </head>
@ -65,12 +65,16 @@
<script src="socket.io/socket.io.js"></script> <script src="socket.io/socket.io.js"></script>
<script> <script>
var socketId = '{{socketId}}';
var socket = io.connect('http://localhost:1947'); var socket = io.connect('http://localhost:1947');
var notes = document.getElementById('notes'); var notes = document.getElementById('notes');
var slides = document.getElementById('slides'); var slides = document.getElementById('slides');
var nextSlide = document.getElementById('next-slide'); var nextSlide = document.getElementById('next-slide');
socket.on('slidedata', function(data) { socket.on('slidedata', function(data) {
// ignore data from sockets that aren't ours
if (data.socketId !== socketId) { return; }
notes.innerHTML = data.notes; notes.innerHTML = data.notes;
slides.contentWindow.Reveal.navigateTo(data.indexh, data.indexv); slides.contentWindow.Reveal.navigateTo(data.indexh, data.indexv);
nextSlide.contentWindow.Reveal.navigateTo(data.nextindexh, data.nextindexv); nextSlide.contentWindow.Reveal.navigateTo(data.nextindexh, data.nextindexv);