La API de Co-Doing se usa para sincronizar datos arbitrarios entre reuniones participantes. Estos pueden ser cualquier dato de los que dependa tu app.
Debes serializar los datos a un Uint8Array
para que se transmitan. Para ver más
consulta la biblioteca estándar de JavaScript
referencia.
Si no sabes cómo serializar tus datos, revisa los siguientes ejemplos de código.
En esta guía, se explica cómo implementar la API de Co-Doing.
Comenzar
Para usar la API de Co-Doing, primero debes implementar un Complemento de Meet. Una vez completados esos pasos, puedes comenzar a usar la API de Co-Doing desde tu nuevo complemento.
Para usar la API de Co-Doing, primero obtén un objeto AddonSession
, que sirve como punto de entrada para las actividades colaborativas de Google Meet:
TypeScript
const session = await window.meet.addon.createAddonSession({
cloudProjectNumber: "CLOUD_PROJECT_NUMBER",
});
Reemplaza CLOUD_PROJECT_NUMBER por el número del proyecto de tu proyecto de Google Cloud.
Crea un cliente de cocreación
Para comenzar, crea
CoDoingClient
objeto de tu AddonSession
.
Para crear un CoDoingClient
, llama al
createCoDoingClient()
y proporciona un
CoDoingDelegate
.
El CoDoingDelegate
es cómo la API de Co-Doing
y actualiza tu app cuando tenga un nuevo estado disponible. Se espera que, cuando
el
onCoDoingStateChanged()
, tu app aplica de inmediato el estado nuevo.
En la siguiente muestra de código, se ve cómo usar la API de Co-Doing:
TypeScript
interface MyState {
someString: string;
someNumber: number;
}
/**
* Serialize/deserialize using JSON.stringify
* You can use any method you want; this is included for as an example
*/
function toBytes(state: MyState): Uint8Array {
return new TextEncoder().encode(JSON.stringify(state));
}
function fromBytes(bytes: Uint8Array): MyState {
return JSON.parse(new TextDecoder().decode(bytes)) as MyState;
}
const coDoingClient = await addonSession.createCoDoingClient({
activityTitle: "ACTIVITY_TITLE",
onCoDoingStateChanged(coDoingState: CoDoingState) {
const newState = fromBytes(coDoingState.bytes);
// This function should apply the new state to your ongoing CoDoing activity
},
});
Reemplaza ACTIVITY_TITLE por el título de tu actividad.
Administra el estado actual
Cuando los usuarios realizan acciones en tu app, se espera que esta
llama al
broadcastStateUpdate()
.
En la siguiente muestra de código, se muestra una implementación del método broadcastStateUpdate()
:
TypeScript
const myState: MyState = {
someString: "SOME_STRING",
someNumber: 0
};
document.getElementById('some-button').onClick(() => {
myState.someNumber = myState.someNumber + 1;
coDoingClient.broadcastStateUpdate({ bytes: toBytes(myState) });
});
Reemplaza SOME_STRING por el estado actual de la app.