diff options
| author | Rebecca Murphey | 2012-06-07 23:21:14 -0400 |
|---|---|---|
| committer | Rebecca Murphey | 2012-06-07 23:21:14 -0400 |
| commit | 60f2eb9fb3c4443fbc43d387e866f383f0f70d67 (patch) | |
| tree | 116d482d7a041f4424d2851bf04dad4247a09cf2 /slidenotes | |
| parent | 5d979fdf4a8738ed83e9c4f2827c42ceae247cd8 (diff) | |
taking a stab at a presenter notes server
Diffstat (limited to 'slidenotes')
| -rw-r--r-- | slidenotes/index.js | 41 | ||||
| -rw-r--r-- | slidenotes/notes.html | 87 |
2 files changed, 128 insertions, 0 deletions
diff --git a/slidenotes/index.js b/slidenotes/index.js new file mode 100644 index 0000000..fb6baf8 --- /dev/null +++ b/slidenotes/index.js @@ -0,0 +1,41 @@ +var express = require('express'); +var fs = require('fs'); +var io = require('socket.io'); +var _ = require('underscore'); + +var app = express.createServer(); +var staticDir = express.static; + +io = io.listen(app); + +var opts = { + port : 1947, + baseDir : __dirname + '/../' +}; + +io.sockets.on('connection', function(socket) { + socket.on('slidechanged', function(slideData) { + socket.broadcast.emit('slidedata', slideData); + }); +}); + +app.configure(function() { + [ 'css', 'assets', 'js', 'lib' ].forEach(function(dir) { + app.use('/' + dir, staticDir(opts.baseDir + dir)); + }); +}); + +app.get("/", function(req, res) { + fs.createReadStream(opts.baseDir + '/index.html').pipe(res); +}); + +app.get("/_notes", function(req, res) { + fs.createReadStream(opts.baseDir + 'slidenotes/notes.html').pipe(res); +}); + +// Actually listen +app.listen(opts.port || null); + +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("Advance through your slides and your speaker notes will advance automatically");
\ No newline at end of file diff --git a/slidenotes/notes.html b/slidenotes/notes.html new file mode 100644 index 0000000..955dce1 --- /dev/null +++ b/slidenotes/notes.html @@ -0,0 +1,87 @@ +<!doctype html> +<html lang="en"> + <head> + <meta charset="utf-8"> + + <title>Slide Notes</title> + + <meta name="description" content=""> + <meta name="author" content="Rebecca Murphey"> + + <meta name="apple-mobile-web-app-capable" content="yes" /> + <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> + + <style> + #notes { + font-family: Helvetica; + font-size: 24px; + width: 640px; + } + + #wrap-slides { + width: 640px; + height: 512px; + float: left; + } + + #slides { + width: 1280px; + height: 1024px; + border: 1px solid black; + -moz-transform: scale(0.5); + -moz-transform-origin: 0 0; + -o-transform: scale(0.5); + -o-transform-origin: 0 0; + -webkit-transform: scale(0.5); + -webkit-transform-origin: 0 0; + } + + #wrap-next-slide { + width: 320px; + height: 256px; + float: left; + margin: 0 0 0 50px; + } + + #next-slide { + width: 1280px; + height: 1024px; + border: 1px solid black; + -moz-transform: scale(0.25); + -moz-transform-origin: 0 0; + -o-transform: scale(0.25); + -o-transform-origin: 0 0; + -webkit-transform: scale(0.25); + -webkit-transform-origin: 0 0; + } + </style> + </head> + + <body> + + <div id="wrap-slides"> + <iframe src="/?receiver" width="1280" height="1024" id="slides"></iframe> + </div> + + <div id="wrap-next-slide"> + <iframe src="/?receiver" width="640" height="512" id="next-slide"></iframe> + </div> + <div id="notes"></div> + + <script src="socket.io/socket.io.js"></script> + + <script> + var socket = io.connect('http://localhost:1947'); + var notes = document.getElementById('notes'); + var slides = document.getElementById('slides'); + var nextSlide = document.getElementById('next-slide'); + + socket.on('slidedata', function(data) { + notes.innerHTML = data.notes; + slides.contentWindow.Reveal.navigateTo(data.indexh, data.indexv); + nextSlide.contentWindow.Reveal.navigateTo(data.nextindexh, data.nextindexv); + }); + </script> + + </body> +</html> |