Speak AI (Embed via Iframe)

• Drop-in iframe, no npm required.
• Query params to prefill name/email, folderId, custom fields (field1…field10), UI flags (hideWaveform, hideTitle, submitLabel, preselect).
• postMessage API for start/stop from parent page; event responses from iframe.
• Permissions helper snippet for Wix/Webflow to set allow="camera; microphone; display-capture" dynamically.
• Recorder REST: update settings, questions; delete recorder.

Minimal embed:

<iframe
  src="https://recorder.speakai.co/iframe/TOKEN?preselect=video&submitLabel=Send"
  allow="microphone; camera; display-capture"
  width="100%"
  height="700"
  style="border:none"></iframe>

Start/Stop via postMessage:

const iframe = document.querySelector('iframe');
iframe.contentWindow.postMessage({ action: 'start' }, 'https://recorder.speakai.co');
window.addEventListener('message', (event) => {
  if (event.origin !== 'https://recorder.speakai.co') return;
  try { const resp = JSON.parse(event.data); console.log(resp); } catch(e){}
});

CameraTag (SDK Widgets)

• Custom tags/components: <camera/>, <microphone/>, <photobooth/>, <player/>.
• Programmable JS API, dozens of events, deep UI theming (swap HTML/CSS of recorder screens).
• Recording prompts with chapters in player; min/max per prompt.
• React components (NPM); internationalization of UI strings.
• Metadata attach on assets; REST + Webhooks.

Minimal usage:

<camera id="jobIntro" data-app-id="YOUR_APP_ID"></camera>
<microphone id="audioOnly" data-app-id="YOUR_APP_ID"></microphone>
<photobooth id="headshot" data-app-id="YOUR_APP_ID"></photobooth>
<player id="review" data-asset-ids="abc-123"></player>

Speak AI

• Recorder responses land in a central workspace for playback, search, and sharing.
• Map questions → fields for structured analysis and CSV export.
• Prefill & redirect: pass name/email/folder/custom fields, redirect on submit.
• Bulk export, repository sharing, and optional automated transcription/insights.
• Integrations: Zoom, Vimeo, Zapier, APIs.

CameraTag

• Derivatives: captions (transcriptions), thumbnails, GIFs, waveform visuals, social formats (e.g., TikTok/Instagram ratios), watermarks.
• Mirroring & notifications: S3, GCS, (S)FTP, YouTube, Zapier, Slack.
• Player: captions toggle, inline comments, downloads, playback speed, social sharing, ad/preroll (VAST/VPAID).
• Webhooks to keep your backend in sync.

Speak AI

• Desktop: Chrome, Edge, Firefox, Safari, Opera, Vivaldi, Brave (versions per docs).
• Mobile: iOS (MobileSafari/WebKit 11+), Android Chrome/Firefox.
• Helper snippet to set allow permissions on iframes (Wix/Webflow).

CameraTag

• WebRTC-based; screen capture opt-in, HD up to 1080p (device/network permitting).
• Internationalization for UI copy; React components available.

Pick Speak AI If You Want:

• A brandable recorder live in minutes (no SDK to maintain).
• Built-in questions, structured answers, and an organized repository.
• Optional automated transcription & insights without wiring another stack.
• Simple prefill + redirect parameters and minimal dev lift.

Pick CameraTag If You Want:

• To own the recorder UX deeply with SDK tags & React components.
• Derivative generation (captions, GIFs, waveforms, social cuts) out of the box.
• A featureful player (captions, comments, downloads, preroll ads).
• To mirror assets to S3/GCS/FTP/YouTube and orchestrate with webhooks.