Push reveal.js notes into the console

I just read a great blog post by Christian Heilmann (Principal Developer Evangelist for MDN) about how you can use the detached browser console as a way to broadcast speaker notes in an HTML-based presentation: Browsers have a presenter mode: console.info() It’s an incredibly simple and practical idea. His code was tied to the Shower presentation framework (a new one for me), but it took all of two minutes to repurpose it for reveal.js. reveal.js has an event handler for slide loading called slidechanged. I added an event listener for that which checks the loaded slide for the notes class. If it finds it, I use the same regex as Christian and drop it into the console.

Here is a quick screenshot. Note that I have not detached the console for this shot. (Also - I just now noticed the horrible grammar in the notes. Since these were just for me, I’m not going to fix it. ;)

Raymond Camden's Picture

About Raymond Camden

Raymond is a developer advocate for Extend by Auth0. He focuses on serverless and enterprise cat demos. If you like this article, please consider visiting my Amazon Wishlist or donating via PayPal to show your support.

Lafayette, LA https://www.raymondcamden.com

Comments