Add video, audio and screen recording directly to your website or app.

<!-- 1. load the client -->
<script src="https://cdn.addpipe.com/2.0/pipe.js"></script>

<!-- 2. mount it -->
<div id="recorder"></div>
<script>
  PipeSDK.insert("recorder", {
    size: { width: 640, height: 390 },
    qualityurl: "avq/720p.xml",
    accountHash: "YOUR_ACCOUNT_HASH",
    eid: "YOUR_ENV_ID",
    mrt: 120            // max recording time (s)
  }, function (recorder) {
    recorder.onSaveOk = function (id, name, dur) {
      console.log("saved", name, dur + "s");
    };
  });
</script>

// npm i @addpipe/pipe-recording-client
import PipeSDK from "@addpipe/pipe-recording-client";

PipeSDK.insert("recorder", params, (recorder) => {
  // control the client
  document.querySelector("#start")
    .addEventListener("click", () => recorder.record());

  // react to events
  recorder.onRecordingStarted = () => setStatus("recording");
  recorder.onSaveOk = (id, name, duration) => {
    setStatus("uploaded");
    save({ id, name, duration });
  };
});

// React? use the hook instead:
// npm i @addpipe/react-pipe-media-recorder

// POST from AddPipe to your server on video_converted
{
  "version": "2.0",
  "event": "video_converted",
  "data": {
    "videoName": "a1b2c3d4",
    "duration": 42.7,
    "videoUrl": "https://…/a1b2c3d4.mp4",
    "payload": "user_8812"
  }
}