Dadan MCP
resmiServer MCP resmi Dadan untuk akses AI ke video, transkrip, analitik, dan menangkap prospek.
Apa yang bisa Anda lakukan dengan Dadan MCP?
- Sematkan komponen Dadan — Tambahkan perekaman video dan pemilihan file ke aplikasi React dengan merender komponen
Dadanmenggunakan properti yang Anda pilih. - Tangani pemilihan file — Sediakan callback
chooseuntuk menerima data saat pengguna memilih file atau URL melalui antarmuka Dadan. - Rekam video yang ditangkap — Sediakan callback
recorduntuk mendapatkan data video setelah pengguna menyelesaikan sesi perekaman. - Sesuaikan tata letak dan penumpukan komponen — Kontrol arah teks dengan properti
dirdan kelola tumpang tindih menggunakan propertizIndex.
Dokumentasi
Integrasi Dadan SDK
dadan-sdk-integration adalah SDK untuk mengintegrasikan fitur Dadan ke dalam aplikasi React. SDK ini memungkinkan Anda menambahkan fungsionalitas perekaman video dan pemilihan file langsung ke dalam komponen React Anda, memberikan pengalaman pengguna yang mulus untuk mengintegrasikan komunikasi dan berbagi berbasis video.
Instalasi
Instal paket menggunakan npm:
npm install path_to_your_package/dadan-sdk-integration-1.0.0.tgz
Versi React Minimum
Paket ini memerlukan React 17.0.0 atau lebih tinggi.
Penggunaan
Komponen utama yang diekspor oleh SDK ini adalah Dadan. Berikut adalah contoh cara menggunakannya dalam aplikasi React sederhana:
Props
| Nama Prop | Tipe | Default | Deskripsi |
|---|---|---|---|
choose | function | null | Fungsi untuk menangani file atau URL yang dipilih dari pemilih file. |
record | function | null | Fungsi untuk menangani data video yang direkam. |
dir | string | ltr | Mengatur arah komponen (ltr atau rtl). |
zIndex | number | 1000 | Mengatur z-index komponen. |
Contoh Dasar
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;
Penjelasan
- Impor komponen
Dadandari paketdadan-sdk-integration. - Sertakan komponen
Dadandi dalam JSX Anda. - Gunakan props
choosedanrecorduntuk menangani pemilihan file dan perekaman video, masing-masing, dengan mencatat data ke konsol.