Embed the verifier

Option A — Web component

The <op-verify> custom element renders a drop zone inline. It dispatches a op:result event with the full verification payload so your page can react to the result.

<!-- 1. Load the script (once per page) -->
<script type="module" src="https://cdn.originalpictures.com/v1/widget.js"></script>

<!-- 2. Place the element -->
<op-verify
  api-key="pk_live_YOUR_KEY"
  theme="dark"
  locale="en"
></op-verify>

<!-- 3. Listen for results (optional) -->
<script>
  document.querySelector('op-verify')
    .addEventListener('op:result', (e) => {
      console.log(e.detail); // { manifest_id, signals, ... }
    `}`);
</script>

Option B — Hosted iframe

Zero JavaScript required. Embed a sandboxed iframe pointing at the hosted verifier. Use postMessage to receive results in the parent frame.

<iframe
  src="https://verify.originalpictures.com/widget/embed?key=pk_live_YOUR_KEY"
  width="100%"
  height="420"
  style="border: none; border-radius: 8px;"
  sandbox="allow-scripts allow-same-origin allow-forms"
  loading="lazy"
  title="Original Pictures content provenance verifier"
></iframe>

<script>
  window.addEventListener('message', (e) => {
    if (e.origin !== 'https://verify.originalpictures.com') return;
    if (e.data.type === 'op:result') {
      console.log(e.data.payload);
    `}`}
  `}`);
</script>

Attributes