bespoke-auto-play

Auto playing slides (timed sequence) in a Bespoke.js presentation.

Usage no npm install needed!

<script type="module">
  import bespokeAutoPlay from 'https://cdn.skypack.dev/bespoke-auto-play';
</script>

README

bespoke-auto-play

AutoPlay timed sequence for Bespoke.js

Automatically plays all the sides in a presentation.

Classes specified in data-bespoke-auto-play attributes will be added to the list of classes that are provided by default.

Download

Download the production version or the development version, or use a package manager.

Usage

var bespoke = require('bespoke'),
  auto-play = require('bespoke-auto-play');

bespoke.from('#presentation', [
  auto-play()
]);

Then add data-bespoke-auto-play attributes to your slides, indicating time to play in seconds. You can add a sequence of times for things like bullet points.

<article>

  <section data-bespoke-auto-play="4.5">
    Special auto-play
  </section>

  <section data-bespoke-auto-play="12, 1, 1.5, 2">
    Super special auto-play with bullet points.
    <ul>
        <li>Bullet 1</li>
        <li>Bullet 2</li>
        <li>Bullet 3</li>
        <li>Bullet 4</li>
        <li>Bullet 5</li>
    </ul>
  </section>

</article>

Not using CommonJS? View the full Bespoke.js plugin documentation.

Package managers

npm

$ npm install bespoke-auto-play

Bower

$ bower install bespoke-auto-play

Credits

This plugin was built with generator-bespokeplugin.

License

MIT License