Mengimplementasikan Co-Doing API

Co-Doing API digunakan untuk menyinkronkan data arbitrer antar-peserta rapat. Ini dapat berupa data apa pun yang menjadi dependensi aplikasi Anda.

Anda harus melakukan serialisasi data ke Uint8Array agar dapat dikirim. Untuk informasi selengkapnya, lihat referensi library standar JavaScript.

Jika Anda tidak yakin cara melakukan serialisasi data, tinjau contoh kode berikut.

Panduan ini menjelaskan cara menerapkan Co-Doing API.

Mulai

Untuk menggunakan Co-Doing API, Anda harus Men-deploy Add-on Meet terlebih dahulu. Setelah menyelesaikan langkah-langkah tersebut, Anda dapat mulai menggunakan Co-Doing API dari dalam add-on baru.

Untuk menggunakan Co-Doing API, mulailah dengan mendapatkan objek AddonSession, yang berfungsi sebagai titik entri untuk aktivitas bersama Google Meet:

const session = await window.meet.addon.createAddonSession({
    cloudProjectNumber: "CLOUD_PROJECT_NUMBER",
});

Membuat klien co-doing

Untuk memulai, buat objek CoDoingClient dari AddonSession Anda.

Untuk membuat CoDoingClient, panggil metode createCoDoingClient() dan berikan objek CoDoingDelegate.

CoDoingDelegate adalah cara Co-Doing API memperbarui aplikasi Anda setiap kali status baru tersedia. Diharapkan, saat metode onCoDoingStateChanged() dipanggil, aplikasi Anda akan segera menerapkan status baru.

Contoh kode berikut menunjukkan cara menggunakan Co-Doing API:

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
    },
  });

Mengelola status saat ini

Saat pengguna mengambil tindakan di aplikasi Anda, aplikasi diharapkan segera memanggil metode broadcastStateUpdate().

Contoh kode berikut menunjukkan implementasi metode broadcastStateUpdate():

const myState: MyState = {
  someString: "SOME_STRING",
  someNumber: 0
};

document.getElementById('some-button').onClick(() => {
  myState.someNumber = myState.someNumber + 1;
  coDoingClient.broadcastStateUpdate({ bytes: toBytes(myState) });
});