Dadan MCP
oficialServidor oficial de Dadan MCP para acceso de IA a videos, transcripciones, análisis y captura de leads.
¿Qué puedes hacer con Dadan MCP?
- Incrustar un componente Dadan — Agregar grabación de video y selección de archivos a una aplicación React renderizando el componente
Dadancon las props que elijas. - Manejar selecciones de archivos — Proporcionar un callback
choosepara recibir datos cuando los usuarios seleccionen archivos o URLs a través de la interfaz de Dadan. - Capturar videos grabados — Proporcionar un callback
recordpara obtener datos de video después de que un usuario complete una sesión de grabación. - Ajustar el diseño y la superposición del componente — Controlar la dirección del texto con la prop
diry gestionar la superposición usando la propzIndex.
Documentación
Integración del SDK de Dadan
dadan-sdk-integration es un SDK para integrar las funciones de Dadan en aplicaciones React. Le permite añadir funcionalidad de grabación de video y selección de archivos directamente en sus componentes de React, proporcionando una experiencia de usuario fluida para integrar comunicación y compartición basadas en video.
Instalación
Instale el paquete usando npm:
npm install path_to_your_package/dadan-sdk-integration-1.0.0.tgz
Versión mínima de React
Este paquete requiere React 17.0.0 o superior.
Uso
El componente principal exportado por este SDK es Dadan. Aquí tiene un ejemplo de cómo usarlo en una aplicación React simple:
Props
| Nombre de Prop | Tipo | Valor por defecto | Descripción |
|---|---|---|---|
choose | function | null | Función para manejar los archivos o URLs seleccionados del selector de archivos. |
record | function | null | Función para manejar los datos de video grabados. |
dir | string | ltr | Establece la dirección del componente (ltr o rtl). |
zIndex | number | 1000 | Establece el z-index del componente. |
Ejemplo básico
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;
Explicación
- Importe el componente
Dadandesde el paquetedadan-sdk-integration. - Incluya el componente
Dadandentro de su JSX. - Use las props
chooseyrecordpara manejar la selección de archivos y la grabación de video, respectivamente, registrando los datos en la consola.