Skip to content
NewMastershot Studio is open: a video editor with no watermark on anything you export. Try it free

Put the editor on your site

Thanks for buying a license. Check your key, add the domains it goes on, and copy the code with your key in it. Come back any time to change your domains.

  1. Check your key

    Polar showed your key after you paid, and emailed it to you. It starts with MSE-. If you can't find it, sign in to Polar's customer portal with the email you bought with.

  2. Add your domains

    Your key works only on the domains you add to it, so a key copied from your page does nothing on anyone else's site. Check your key above, then sign in with the email you bought with to add them.

  3. Add the editor to your page

    Check your key above and it goes into this code for you. Put it where the editor should be, and do what your site needs with the file in the process event.

    html
    <div id="editor" style="height: 600px"></div>

<script type="module">
  import { appendDefaultEditor } from "https://cdn.mastershot.app/editor/1.2.0/editor.js"

  const editor = appendDefaultEditor("#editor", {
    licenseKey: "MSE-YOUR-LICENSE-KEY",
  })

  editor.on("process", ({ dest }) => {
    // dest is the edited File: upload it, or show it.
  })
</script>

    Using React, Vue, Svelte or Angular? See the editor in a framework. To upload the file, choose its format and size, or limit the tools, see the docs.

  4. Open your site

    Localhost and .test names never need a key, so build and test there for free. On a domain you added, the editor shows no line above it.

    If a thin "Unlicensed Mastershot editor" line shows above the editor, open your browser's console: the editor says why there. Most often the domain isn't on your list yet. More about keys and domains.

Stuck, or something isn't working? Email [email protected] with what you tried. If a photo or video won't open, send it if you can, and we'll make it work.