clapper-playback-speed-plugin-extended

Project Url : https://github.com/Lethea/clapper-playback-speed-plugin-extended

Plugin for Clappr

Requirements

Development

For npmjs npm i clapper-playback-speed-plugin-extended open folder node_modules/clapper-playback-speed-plugin-extended

yarn install
yarn dev

Build

yarn build

Usage

You can take the js file from dist folder directly or build and copy the file

<script src="clappr.js"></script>
<script src="playback.js"></script>
<script>
new Clappr.Player({
  source: "http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4",
  poster: "https://upload.wikimedia.org/wikipedia/commons/thumb/2/28/HelloWorld.svg/512px-HelloWorld.svg.png",
  parentId: "#player",
  ...
  plugins: [PlaybackSpeedPlugin],
  playbackSpeedPluginConfig: {
          playbackSpeeds: [
            {value: 0.25, label: '0.25x'},
            {value: 0.5, label: '0.5x'},
            {value: 0.75, label: '0.75x'},
            {value: 1.0, label: 'Normal'},
            {value: 1.5, label: '1.5x'},
            {value: 2, label: '2x'},
            {value: 3, label: '3x'},
          ],
        }
});
</script>

Support

[email protected]

This is extended version of https://github.com/Viewly/clappr-playback-speed