Real-time sync for impress.js presentations powered by SignalR
jquery.impressR.js is a plugin that enables any impress.js presentation to be viewed in real-time by all connected clients. It requires zero server side integration because it leverages the jquery.signalRamp.js plugin and the SignalGrr proxy server powered by SignalR to do all the heavy lifting.
Here is the original impress.js presentation, but open it in TWO OR MORE browsers to see the real-time syncing.
All you have to do is add these files to the HEAD of your page:
<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js"></script>
<script src="js/jquery.signalR-1.0.0.js"></script>
<script src="js/jquery.signalRamp.js"></script>
<script src="js/jquery.impressR.js"></script>
<script src="js/impress.js"></script>
Then, in your HTML, wire up your impress.js presentations this way:
$("#impress").impressR({
proxyName: 'myImpressDemo' //MUST be unique for your collaboration experience
});
That's it! Same awesome impress.js presentation, it's just synced across all clients.