Mengimplementasikan Co-Doing API

Co-Doing API digunakan untuk menyinkronkan data arbitrer antar-peserta rapat. Data ini dapat berupa data apa pun yang bergantung pada aplikasi Anda.

Anda harus melakukan serialisasi data ke Uint8Array agar dapat ditransmisikan. Untuk mengetahui 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 terlebih dahulu Men-deploy add-on Meet. 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 aktivitas bersama

Untuk memulai, buat CoDoingClient objek dari AddonSession Anda.

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

CoDoingDelegate adalah cara Co-Doing API memperbarui aplikasi Anda setiap kali memiliki status baru. Saat metode onCoDoingStateChanged() dipanggil, aplikasi Anda diharapkan 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 melakukan tindakan di aplikasi Anda, aplikasi Anda diharapkan segera memanggil broadcastStateUpdate() metode.

Contoh kode berikut menunjukkan penerapan 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) });
});