Skip to content
Speech Recognition Plugin for Reveal.js
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md
speech.js

README.md

This plugin for reveal.js allows the presenter to control slides with his or her voice. Check out the demo.

How To Use

Copy speech.js from this repository into /plugin/speech and add it as a Reveal.js dependency:

Reveal.initialize({
  dependencies: [{src: "plugin/speech/speech.js" }]
});

Built-In phrases

There are a few default phrases you can say to control slide navigation:

  • "Goto Next" - Next slide
  • "Goto Previous" - Previous slide
  • "Goto Last" - Moves to the last slide of the presentation
  • "Goto First" - First slide of the presentation

These can also be modified.

Custom Speech Phrases

You can write define custom phrases to say to move to the next slide by applying a data-speech-next attribute to a <section> slide. Saying that attributes value will move to the next slide:

<section data-speech-next="movingalong">
</section>

You can also reveal fragments by attaching a data-speech attribute to the fragment element. Saying that attribute value will unhide the fragment if it is the next fragment to be shown.

<section>
  <h2>List of Delicious Things:</h2>
  <ol>
    <li class="fragment" data-speech="spaghetti">Spaghetti</li>
    <li class="fragment" data-speech="chicken">Chicken</li>
    <li class="fragment" data-speech="beer">Beer</li>
  </ol>
</section>

Configuration

You can customize certain configuration variables of the the RevealSpeech object using the configuration() method after loading the plugin:

Reveal.initialize({
  dependencies: [{
    src: "plugin/speech/speech.js",
    callback: function() {
      RevealSpeech.configure({
        nextKeyword: 'nextslide',     // default gotonext
        prevKeyword: 'previousslide', // default gotoprevious
        lastKeyword: 'lastslide',     // default gotolast
        firstKeyword: 'firstslide',   // default gotofirst
        debug: true,                  // default false
        lang: 'de-DE'                 // default ''
      });
    }
  }]
});

More info on the lang attribute can be found here.

Browser Support

As of 2016-09-11, speech recognition interfaces are only supported in Chrome 33+ and Firefox 49+. Check here for more detail on browser capability.

You can’t perform that action at this time.