diff options
author | Marvin Borner | 2019-06-23 12:42:22 +0200 |
---|---|---|
committer | Marvin Borner | 2019-06-23 12:42:22 +0200 |
commit | 0740711fdeadb4765a2e1f495ed85b4846ef926f (patch) | |
tree | b320803d4dec601c359bcabf82e0c8bfae8c8d7e /presentation/plugin/multiplex | |
parent | ce9c06fd5e41f77df6e0dbcc553e2ca290e20207 (diff) |
Began presentation
Diffstat (limited to 'presentation/plugin/multiplex')
-rw-r--r-- | presentation/plugin/multiplex/client.js | 15 | ||||
-rw-r--r-- | presentation/plugin/multiplex/index.js | 64 | ||||
-rw-r--r-- | presentation/plugin/multiplex/master.js | 36 | ||||
-rw-r--r-- | presentation/plugin/multiplex/package.json | 19 |
4 files changed, 134 insertions, 0 deletions
diff --git a/presentation/plugin/multiplex/client.js b/presentation/plugin/multiplex/client.js new file mode 100644 index 0000000..f2af3cc --- /dev/null +++ b/presentation/plugin/multiplex/client.js @@ -0,0 +1,15 @@ +(function () { + var multiplex = Reveal.getConfig().multiplex; + var socketId = multiplex.id; + var socket = io.connect(multiplex.url); + + socket.on(multiplex.id, function (data) { + // ignore data from sockets that aren't ours + if (data.socketId !== socketId) { + return; + } + if (window.location.host === 'localhost:1947') return; + + Reveal.setState(data.state); + }); +}()); diff --git a/presentation/plugin/multiplex/index.js b/presentation/plugin/multiplex/index.js new file mode 100644 index 0000000..b4f3c7f --- /dev/null +++ b/presentation/plugin/multiplex/index.js @@ -0,0 +1,64 @@ +var http = require('http'); +var express = require('express'); +var fs = require('fs'); +var io = require('socket.io'); +var crypto = require('crypto'); + +var app = express(); +var staticDir = express.static; +var server = http.createServer(app); + +io = io(server); + +var opts = { + port: process.env.PORT || 1948, + baseDir: __dirname + '/../../' +}; + +io.on('connection', function (socket) { + socket.on('multiplex-statechanged', function (data) { + if (typeof data.secret == 'undefined' || data.secret == null || data.secret === '') return; + if (createHash(data.secret) === data.socketId) { + data.secret = null; + socket.broadcast.emit(data.socketId, data); + } + }); +}); + +['css', 'js', 'plugin', 'lib'].forEach(function (dir) { + app.use('/' + dir, staticDir(opts.baseDir + dir)); +}); + +app.get("/", function (req, res) { + res.writeHead(200, {'Content-Type': 'text/html'}); + + var stream = fs.createReadStream(opts.baseDir + '/index.html'); + stream.on('error', function (error) { + res.write('<style>body{font-family: sans-serif;}</style><h2>reveal.js multiplex server.</h2><a href="/token">Generate token</a>'); + res.end(); + }); + stream.on('readable', function () { + stream.pipe(res); + }); +}); + +app.get("/token", function (req, res) { + var ts = new Date().getTime(); + var rand = Math.floor(Math.random() * 9999999); + var secret = ts.toString() + rand.toString(); + res.send({secret: secret, socketId: createHash(secret)}); +}); + +var createHash = function (secret) { + var cipher = crypto.createCipher('blowfish', secret); + return (cipher.final('hex')); +}; + +// Actually listen +server.listen(opts.port || null); + +var brown = '\033[33m', + green = '\033[32m', + reset = '\033[0m'; + +console.log(brown + "reveal.js:" + reset + " Multiplex running on port " + green + opts.port + reset);
\ No newline at end of file diff --git a/presentation/plugin/multiplex/master.js b/presentation/plugin/multiplex/master.js new file mode 100644 index 0000000..df7a68c --- /dev/null +++ b/presentation/plugin/multiplex/master.js @@ -0,0 +1,36 @@ +(function () { + + // Don't emit events from inside of notes windows + if (window.location.search.match(/receiver/gi)) { + return; + } + + var multiplex = Reveal.getConfig().multiplex; + + var socket = io.connect(multiplex.url); + + function post() { + + var messageData = { + state: Reveal.getState(), + secret: multiplex.secret, + socketId: multiplex.id + }; + + socket.emit('multiplex-statechanged', messageData); + + } + + // post once the page is loaded, so the client follows also on "open URL". + window.addEventListener('load', post); + + // Monitor events that trigger a change in state + Reveal.addEventListener('slidechanged', post); + Reveal.addEventListener('fragmentshown', post); + Reveal.addEventListener('fragmenthidden', post); + Reveal.addEventListener('overviewhidden', post); + Reveal.addEventListener('overviewshown', post); + Reveal.addEventListener('paused', post); + Reveal.addEventListener('resumed', post); + +}()); diff --git a/presentation/plugin/multiplex/package.json b/presentation/plugin/multiplex/package.json new file mode 100644 index 0000000..bbed77a --- /dev/null +++ b/presentation/plugin/multiplex/package.json @@ -0,0 +1,19 @@ +{ + "name": "reveal-js-multiplex", + "version": "1.0.0", + "description": "reveal.js multiplex server", + "homepage": "http://revealjs.com", + "scripts": { + "start": "node index.js" + }, + "engines": { + "node": "~4.1.1" + }, + "dependencies": { + "express": "~4.13.3", + "grunt-cli": "~0.1.13", + "mustache": "~2.2.1", + "socket.io": "~1.3.7" + }, + "license": "MIT" +} |