impressR

Real-time sync for impress.js presentations powered by SignalR


Project maintained by TimHeckel Hosted on GitHub Pages — Theme by mattgraham

What is impressR exactly?

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.

Live Demo

Here is the original impress.js presentation, but open it in TWO OR MORE browsers to see the real-time syncing.

How do I use it?

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.