Tạo các tính năng mới bằng AI tích hợp trong Chrome

Thomas Steiner

Ngày xuất bản: 26 tháng 5 năm 2026

Bài đăng này là bản tóm tắt bài nói tại Google I/O 2026 của Thomas Steiner.

Hãy tưởng tượng bạn đang xây dựng một blog du lịch, trong đó trình chỉnh sửa bài đăng trên blog không chỉ lưu trữ văn bản mà còn tích cực hỗ trợ bạn khi viết. Hãy làm quen với Maya và Ashok, những nhà sáng tạo của trAIlblazers. Họ sử dụng AI tích hợp trong Chrome. Bằng cách chạy các mô hình trực tiếp trên thiết bị của người dùng, nhà phát triển có thể bỏ qua chi phí đắt đỏ và độ trễ của đám mây trong khi vẫn giữ dữ liệu nhạy cảm ở cục bộ.

Chúng tôi đã hợp tác với Build Awesome (trước đây là Eleventy) để phát hành mẫu blog có tất cả các tính năng AI được đề cập trong bài nói.

Tại sao lại là AI tích hợp?

  • Tiết kiệm chi phí: Không tốn chi phí suy luận trên đám mây, mọi tính toán đều diễn ra trên các thiết bị hỗ trợ của người dùng.
  • Ưu tiên quyền riêng tư: Dữ liệu nhạy cảm không bao giờ rời khỏi trình duyệt.
  • Chức năng ngoại tuyến: Sau khi tải mô hình xuống, các tính năng AI sẽ hoạt động mà không cần kết nối Internet.
  • Hiệu suất: Tính năng tăng tốc phần cứng cho phép các mô hình trên thiết bị cạnh tranh (và đôi khi vượt trội) về tốc độ trên đám mây.
  • Suy luận kết hợp: Bằng cách sử dụng các polyfill và công cụ như Firebase AI Logic, bạn có thể quay lại đám mây trên các thiết bị không được hỗ trợ (như thiết bị di động) trong khi vẫn giữ nguyên bản trên máy tính.

Các tính năng AI cho ứng dụng web hiện đại

Summarizer API

Trình chỉnh sửa trAIlblazers sử dụng Summarizer API để tự động tạo tiêu đề và nội dung mô tả meta thân thiện với SEO.

Ví dụ: Tạo tiêu đề

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 (với đầu ra có cấu trúc)

Bạn cần dữ liệu cụ thể? Bằng cách sử dụng JSON Schema với Prompt API, bạn có thể yêu cầu AI trả về các định dạng có thể dự đoán. Nhóm trAIlblazers sử dụng tính năng này cho những mục đích sau:

  • Tạo thẻ: Đề xuất các danh mục như "Phiêu lưu" hoặc "Bãi biển" từ một danh sách được xác định trước.
  • Kiểm duyệt bình luận: Phân loại bình luận là "An toàn" hoặc "Gây hại" trước khi xuất bản.

Hỗ trợ tiếp cận nội dung nghe nhìn

Trình chỉnh sửa tự động hoá các "phần khó" của Markdown. Khi bạn thả một hình ảnh, Prompt API (với đầu vào đa phương thức) sẽ phân tích các pixel để tạo văn bản thay thế có thể tiếp cận và chú thích mang tính thông tin.

Viết và viết lại

Với Writer và Rewriter API, người dùng có thể mở rộng các dấu đầu dòng thành đoạn văn hoàn chỉnh và thay đổi giọng điệu của một đoạn văn thành "thân mật hơn" hoặc "ngắn hơn" chỉ bằng một cú nhấp.

Dịch liền mạch

The Translator API cho phép nhà sáng tạo soạn thảo nội dung bằng tiếng Anh và dịch ngay lập tức cho độc giả tiếng Tây Ban Nha hoặc tiếng Nhật. Sau đó, người bản xứ có thể tinh chỉnh nội dung này.

Ví dụ về cách hoạt động của Translator API.
Soạn thảo nội dung bằng Translator API bằng tiếng Anh và dịch ngay lập tức sang tiếng Tây Ban Nha và tiếng Nhật.

Câu chuyện thành công trong thực tế

Nhiều đối tác đã phát hành các API này trong quá trình sản xuất. Sau đây là một số ví dụ đáng chú ý:

  • Drupal: Sử dụng Summarizer API để tạo thẻ SEO trong CKEditor.
  • Yahoo! Nhật Bản: Sử dụng Prompt API để kiểm duyệt bình luận trên cộng đồng.
  • Trip.com: Giúp người mua sắm tìm hiểu các lựa chọn đặt chuyến bay phức tạp bằng thông tin tổng quan dựa trên AI.

Nguồn tham khảo từ bài nói

Bạn đã sẵn sàng xây dựng trải nghiệm "trAIlblazers" của riêng mình chưa? Hãy tham khảo các nguồn thông tin sau: