Dadan MCP

공식

AI가 비디오, 트랜스크립트, 분석 및 리드 캡처에 접근할 수 있는 공식 Dadan MCP 서버입니다.

GitHub

Dadan MCP(으)로 무엇을 할 수 있나요?

Dadan 컴포넌트 임베드 — 선택한 props로 Dadan 컴포넌트를 렌더링하여 React 앱에 비디오 녹화 및 파일 선택 기능을 추가합니다.
파일 선택 처리 — 사용자가 Dadan 인터페이스를 통해 파일이나 URL을 선택할 때 데이터를 받을 choose 콜백을 제공합니다.
녹화된 비디오 캡처 — 사용자가 녹화 세션을 완료한 후 비디오 데이터를 얻기 위해 record 콜백을 제공합니다.
컴포넌트 레이아웃 및 쌓기 조정 — dir prop으로 텍스트 방향을 제어하고 zIndex prop으로 겹침을 관리합니다.

문서

Dadan SDK 통합

dadan-sdk-integration는 Dadan 기능을 React 애플리케이션에 통합하기 위한 SDK입니다. 이를 통해 React 컴포넌트에 직접 비디오 녹화 및 파일 선택 기능을 추가할 수 있어, 비디오 기반 커뮤니케이션 및 공유를 통합하는 매끄러운 사용자 경험을 제공합니다.

설치

npm을 사용하여 패키지를 설치합니다:

npm install path_to_your_package/dadan-sdk-integration-1.0.0.tgz

최소 React 버전

이 패키지는 React 17.0.0 이상이 필요합니다.

사용법

이 SDK에서 내보내는 주요 컴포넌트는 Dadan입니다. 다음은 간단한 React 앱에서 사용하는 방법의 예시입니다:

Props

Prop 이름	타입	기본값	설명
`choose`	`function`	`null`	파일 선택기에서 선택된 파일 또는 URL을 처리하는 함수.
`record`	`function`	`null`	녹화된 비디오 데이터를 처리하는 함수.
`dir`	`string`	`ltr`	컴포넌트의 방향을 설정합니다 (`ltr` 또는 `rtl`).
`zIndex`	`number`	`1000`	컴포넌트의 z-index를 설정합니다.

기본 예제

import React from "react";
import { Dadan } from "dadan-sdk-integration";

function App() {
    return (
        <div>
            <Dadan 
                dir="ltr"
                choose={(data) => console.log("Selected Data:", data)}
                record={(data) => console.log("Recorded Data:", data)}
                quickRecord={true}
                zIndex={999}
            />
        </div>
    );
}

export default App;

설명

dadan-sdk-integration 패키지에서 Dadan 컴포넌트를 가져옵니다.
JSX 내에 Dadan 컴포넌트를 포함시킵니다.
choose 및 record props를 사용하여 파일 선택과 비디오 녹화를 각각 처리하고, 데이터를 콘솔에 기록합니다.