document server-side speaker notes
parent
605f7140e3
commit
8bd63fe21a
17
README.md
17
README.md
|
@ -236,7 +236,7 @@ Here's an example of an exported presentation that's been uploaded to SlideShare
|
||||||
|
|
||||||
reveal.js comes with a speaker notes plugin which can be used to present per-slide notes in a separate browser window. The notes window also gives you a preview of the next upcoming slide so it may be helpful even if you haven't written any notes. Append ```?notes``` to presentation URL or press the 's' key on your keyboard to open the notes window.
|
reveal.js comes with a speaker notes plugin which can be used to present per-slide notes in a separate browser window. The notes window also gives you a preview of the next upcoming slide so it may be helpful even if you haven't written any notes. Append ```?notes``` to presentation URL or press the 's' key on your keyboard to open the notes window.
|
||||||
|
|
||||||
Notes are written using the following markup structure:
|
By default notes are written using standard HTML, see below, but you can add a ```data-markdown``` attribute to the ```<aside>``` to write them using Markdown.
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<section>
|
<section>
|
||||||
|
@ -248,6 +248,21 @@ Notes are written using the following markup structure:
|
||||||
</section>
|
</section>
|
||||||
```
|
```
|
||||||
|
|
||||||
|
## Server Side Speaker Nodes
|
||||||
|
|
||||||
|
In some cases it can be desirable to run notes on a separate device from the one you're presenting on. The Node.js-based notes plugin lets you do this using the same note definitions as its client side counterpart. Include the requried scripts by adding the following dependencies:
|
||||||
|
|
||||||
|
```
|
||||||
|
{ src: '/socket.io/socket.io.js', async: true },
|
||||||
|
{ src: 'plugin/notes-server/client.js', async: true }
|
||||||
|
```
|
||||||
|
|
||||||
|
Then:
|
||||||
|
|
||||||
|
1. Install [Node.js](http://nodejs.org/)
|
||||||
|
2. Run ```npm install```
|
||||||
|
3. Run ```node plugin/notes-server```
|
||||||
|
|
||||||
|
|
||||||
## Folder Structure
|
## Folder Structure
|
||||||
- **css/** Core styles without which the project does not function
|
- **css/** Core styles without which the project does not function
|
||||||
|
|
Loading…
Reference in New Issue