@pathfindr.dev/recorder

This is a work-in-progress! Come back mid of June and we will be ready to serve you :)

recorder

This is the pathfindr recorderSDK that you can use to make recordings of the screen, camera or both.

Documentation

You can find the full documentation for the recorder and our other products here https://pathfindr.dev/docs.

Quickstart

Install it using npm

npm install '@pathfindr.dev/recorder'

Create a HTMLElement

<div id="recorder-container" />

Initialize the recorder

import Recorder from '@pathfindr.dev/recorder';
import '@pathfindr.dev/recorder/large.css'; // or small.css

const element = document.getElementById('recorder-container');
const recorder = new Recorder({
  target: element,
  props: {
    type: 'camera', // camera, screen, screencamera
    accessToken: '81cca05e-0ebe-4819-9b13-5e92271ade59',
    externalUserId: 'user-id-512',
    language: 'da', // en, da, de
    showProgress: true,
  }
});

// Progress when uploading
recorder.$on('progress', (event) => {
  const progress = event.detail;
  console.log(progress);
});

// Recording ready to be uploaded or not. 
// Default is false
recorder.$on('recordingchange', (event) => {
  const recordingReady = event.detail;
  console.log(recordingReady);
});

// Recording state changed (inactive, recording, paused)
recorder.$on('statechange', (event) => {
  const state = event.detail;
  console.log(state);
});


// When you are ready to upload the recording
const uuid = await recorder.upload();
// This will return something like this '4b5811e3-5884-4555-a0ea-1100bbc9909f'.
// You can use the uuid to fetch or stream the recording by using our API or our video player.