slidev-addon-ws-syncho

Web socket synchro component for sli.dev To support slide synchronisation when deploying your slides on github page.

It supports cursor synchronisation, drawing synchronisation, and navigation synchronisation.

[!CAUTION] Be careful, if you use two windows (one in presenter mode and one in viewer mode) during your presentation, put the one in viewer mode using private navigation mode tp desactivate the default sli.dev synchronisation.

You have to deploy the following web socket server

---
layout: default
addons:
    - slidev-addon-ws-syncho
wsSettings:
  server: ws://localhost:8080
  updateCursor: true # To send cursor update notification
  synchroDrawing: true # To send drawing synchronisation
---

Installation

npm i slidev-addon-ws-syncho

Usage

• Define this addon in frontmatter

layout: default
addons:
    - slidev-addon-ws-syncho
wsSettings:
  server: ws://localhost:8080
#  updateCursor: true # To send cursor update notification
#  synchroDrawing: true # To send drawing synchronisation

Components

Put your component in one of the global layer component of your presentation.

<!-- global-bottom.vue -->
<template>
    <WsSynchro/>
</template>