SDK/GET STARTED
Quickstart
A working record button in three steps. Pick your framework above the code.
On this page
1
InstallAdd the package for your framework.
2
Add the provider or create the SDKPass your client ID and workspace ID.
3
Add a buttonClicking it opens the EdithPro recorder.
The code #
import { EdithProProvider, EdithProButton } from '@edithpro/react'; export default function App() { return ( <EdithProProvider clientId="ep_live_abc123" workspaceId="ws_64f2a1b3"> <EdithProButton className="btn">Record a video</EdithProButton> </EdithProProvider> );}
That’s it. The button stays disabled until the SDK is ready, then opens the recorder.
Use your own UIHide our popup and build your own recorder.Read more →All optionsEvery configuration option.Read more →
Was this page helpful? @edithpro/sdk 1.0.5 · Edit this page