본문으로 건너뛰기

SDK 설치

Editor SDK를 사용하는 방법에는 NPM 패키지를 불러오는 방법과 HTML에서 <script> 태그로 직접 불러오는 방법이 있습니다. 두 방식 모두 createShakrEditor() 함수를 통해 에디터 인스턴스를 만들 수 있습니다.

NPM 패키지로 불러오기​

npm install @shakrmedia/editor-sdk
// Use Video Editor SDK
import { createShakrEditor } from '@shakrmedia/editor-sdk';

const editor = await createShakrEditor({
  access_token: 'SCOPED_ACCESS_TOKEN',
  render_session_id: 'RENDER_SESSION_ID',
  ...
});
// Use Template Editor SDK
import { createShakrreadyEditor } from '@shakrmedia/editor-sdk';

const editor = await createShakrreadyEditor({
  access_token: 'SCOPED_ACCESS_TOKEN',
  template_style_version_id: 'TEMPLATE_STYLE_VERSION_ID'
});

<script> 태그로 불러오기​

<script src="https://sdk.shakr.com/sdk.js" defer></script>
// Use Video Editor SDK
createShakrEditor({
  access_token: 'ACCESS_TOKEN',
  render_session_id: 'RENDER_SESSION_ID'
}).then(function(editor) {
  // Use the editor instance
});
// Use Template Editor SDK
createShakrreadyEditor({
  template_style_version_id: 'TEMPLATE_STYLE_VERSION_ID',
  access_token: 'ACCESS_TOKEN'
}).then(shakrready_editor => {
  // Use the shakrready_editor instance
});