RevealJS Spotlight

Dim the slide around the pointer.

What the spotlight plugin does, how to enable it, and how to make it a coloured pointer instead.
Author

Mickaël CANOUIL, Ph.D.

A laser pointer works in a room and nowhere else: it is invisible on a stream, and gone from the recording.

spotlight does the same job in the browser. Hold the mouse button down and the slide dims around the pointer, so an audience follows what the speaker is pointing at, whether they are in the room or watching later.

Installation

quarto add mcanouil/quarto-revealjs-spotlight@1.2.2

This will install the extension under the _extensions subdirectory. If you are using version control, you will want to check in this directory.

Or install it from your editor with Quarto Wizard:

Visual Studio Code Positron VSCodium

Quick start

format:
  revealjs:
    spotlight:
      size: 90
revealjs-plugins:
  - spotlight

Then hold the mouse button down while presenting.

Try it

The preview deck is built by this site.

See the Reference for every option, and the Examples for the configurations worth knowing.

Where it works

RevealJS.

Back to top