Record SDK
Add screen, camera and audio recording to your web app with the Dadan Record SDK. Guides for JavaScript, React, Vue and Angular.
- Dadan Record SDK overviewAdd screen, camera and audio recording to your web app with the Dadan Record SDK. Learn how it works, which package to install and what you need first.
- Record SDK quickstartInstall the Dadan Record SDK, open the recording studio from your own button and save each video link. A step-by-step TypeScript example with Vite.
- Record SDK for ReactAdd Dadan recording to React and Next.js apps with DadanRecordButton, the useDadanRecorder hook and DadanEmbed, with lazy loading and event examples.
- Record SDK for VueAdd Dadan recording to Vue 3 and Nuxt apps with DadanRecordButton, useDadanRecorder and the web component wrapper. Setup, events and examples.
- Record SDK for AngularAdd Dadan recording to Angular 15 to 22 apps with DadanRecorderService: providers, NgZone, a record button component and the web component.
- Customize the recording studioBrand the Dadan recording studio, choose recording modes, hide controls, replace screens and configure the dadan-recorder web component.
- Embed and download recordingsShow Dadan SDK recordings in your app: store the right fields, embed the player with @dadan-io/embed and request short-lived download links.
- Build a custom recorder with DadanRecorderBuild your own recording interface with DadanRecorder: states, events, review before upload, device selection, hooks and upload behavior.
- Record SDK errors and troubleshootingEvery Dadan Record SDK error code explained, with fixes for origin allowlist errors, permissions, failed uploads and TypeScript setup.
- Record SDK production checklistWhat to check before launching the Dadan Record SDK: origin allowlist, secrets, browser support, bundle size, CSP, cleanup, privacy and tests.