rp-recording

Recording functionality for Liqvid.

Take a look at rp-cursor for how to make a third-party recorder.

More documentation forthcoming.

Usage

import {Player} from "liqvid";
import {RecordingControl} from "rp-recording";

const controls = (<>
  {Player.defaultControlsLeft}

  <div className="rp-controls-right">
    <RecordingControl plugins={[/* recording plugins */]}/>
    {Player.defaultControlsRight}
  </div>
</>);

/* ... */

<Player controls={controls} ref={playerRef} script={script} thumbs={thumbData}>
  {/* */}
</Player>

Audio

It is necessary to access the page over HTTPS in order to record audio. This is a good guide for setting up SSL for local development: https://medium.freecodecamp.org/how-to-get-https-working-on-your-local-development-environment-in-5-minutes-7af615770eec

This will record audio files, to be used with the Audio element.

Markers

Press w to go back a marker, e to advance a marker. When recording, you should probably only advance a slide. You will usually want this on.