Membuat fitur baru menggunakan AI bawaan di Chrome

Thomas Steiner

Dipublikasikan: 26 Mei 2026

Postingan ini adalah ringkasan dari diskusi yang disampaikan di Google I/O 2026 oleh Thomas Steiner.

Bayangkan membuat blog perjalanan yang editor postingan blognya tidak hanya menyimpan teks, tetapi juga secara aktif mendukung Anda saat menulis. Kenali Maya dan Ashok, kreator trAIlblazers. Mereka menggunakan AI bawaan di Chrome. Dengan menjalankan model langsung di perangkat pengguna, developer dapat menghindari biaya dan latensi cloud yang mahal sekaligus menjaga data sensitif tetap lokal.

Kami telah berkolaborasi dengan Build Awesome (sebelumnya dikenal sebagai Eleventy) untuk merilis template blog dengan semua fitur AI yang tercantum dalam pembicaraan tersebut.

Mengapa AI bawaan?

  • Hemat biaya: Tidak ada biaya inferensi cloud, semua komputasi terjadi di perangkat pengguna yang kompatibel.
  • Mengutamakan privasi: Data sensitif tidak pernah keluar dari browser.
  • Fungsi offline: Setelah model didownload, fitur AI akan berfungsi tanpa koneksi internet.
  • Performa: Akselerasi hardware memungkinkan model di perangkat menyaingi (dan terkadang mengungguli) kecepatan cloud.
  • Inferensi hybrid: Dengan menggunakan polyfill dan alat seperti Firebase AI Logic, Anda dapat melakukan penggantian ke cloud di perangkat yang tidak didukung (seperti perangkat seluler) sekaligus tetap menggunakan native di desktop.

Fitur AI untuk aplikasi web modern

Summarizer API

Editor trAIlblazers menggunakan Summarizer API untuk membuat judul dan deskripsi meta yang cocok untuk SEO secara otomatis.

Contoh: Membuat judul

const blogPost = document.querySelector('.article-body').innerText;
const summarizer = await Summarizer.create({
  type: 'headline',
  sharedContext: 'Write headlines that make people want to read the blog post',
});

for await (const chunk of summarizer.summarizeStreaming(blogPost)) {
  headline.append(chunk);
}

Prompt API (dengan output terstruktur)

Perlu data tertentu? Dengan menggunakan Skema JSON dengan Prompt API, Anda dapat membuat AI menampilkan format yang dapat diprediksi. Tim trAIlblazers menggunakan alat ini untuk hal berikut:

  • Pembuatan Tag: Menyarankan kategori seperti "Petualangan" atau "Pantai" dari daftar yang telah ditentukan sebelumnya.
  • Moderasi Komentar: Mengklasifikasikan komentar sebagai "Aman" atau "Berbahaya" sebelum dipublikasikan.

Aksesibilitas media

Editor mengotomatiskan "bagian sulit" Markdown. Saat Anda melepaskan gambar, Prompt API (dengan input multimodal) menganalisis piksel untuk menghasilkan teks alternatif yang dapat diakses dan teks yang informatif.

Menulis dan menulis ulang

Dengan Writer dan Rewriter API, pengguna dapat memperluas butir-butir menjadi paragraf lengkap dan mengubah gaya bahasa paragraf menjadi "lebih santai" atau "lebih pendek" dengan sekali klik.

Terjemahan yang lancar

Translator API memungkinkan kreator membuat draf konten dalam bahasa Inggris dan langsung menerjemahkannya untuk pembaca berbahasa Spanyol atau Jepang, yang kemudian dapat disempurnakan oleh penutur asli.

Contoh cara kerja Translator API.
Buat draf konten dengan Translator API dalam bahasa Inggris dan terjemahkan secara instan ke dalam bahasa Spanyol dan Jepang.

Kisah sukses di dunia nyata

Banyak partner sudah mengirimkan API ini dalam produksi. Contoh pentingnya mencakup:

  • Drupal: Menggunakan Summarizer API untuk pembuatan tag SEO dalam CKEditor.
  • Pusat Bantuan Yahoo! Jepang: Menggunakan Prompt API untuk moderasi komentar komunitas.
  • Trip.com: Membantu pembeli menavigasi opsi pemesanan penerbangan yang rumit dengan ringkasan AI.

Referensi dari diskusi

Siap membangun pengalaman "trAIlblazers" Anda sendiri? Lihat referensi berikut: