Ngày phát hành: 15 tháng 5 năm 2025
Công chúng dựa vào các nhà xuất bản tin tức để nắm bắt thông tin về các sự kiện ở địa phương, quốc gia và quốc tế, cũng như chia sẻ quan điểm sâu sắc của họ. Trong môi trường có nhịp độ nhanh ngày nay, phần tóm tắt bài viết là một chiến lược quan trọng để cô đọng thông tin phức tạp thành các đoạn dễ tiếp cận, khuyến khích người đọc khám phá thêm. Tìm hiểu cách Bright Sites và Terra tiếp cận chiến lược này bằng cách sử dụng API Tóm tắt.
| Video giải thích | Web | Phần mở rộng | Trạng thái của Chrome | Intent |
|---|---|---|---|---|
| MDN | Xem | Ý định vận chuyển |
API Tóm tắt cho phép bạn tạo nhiều loại tóm tắt ở nhiều độ dài và định dạng, chẳng hạn như câu, đoạn văn, danh sách dấu đầu dòng, v.v. API này, giống như nhiều API AI tích hợp sẵn, sử dụng các mô hình ngôn ngữ lớn để thực hiện suy luận. Trong Chrome, mô hình của chúng tôi là Gemini Nano.
Bright Sites thêm bản tóm tắt bài viết được cá nhân hoá vào The Standard
Flow, nền tảng phát hành tin tức hàng đầu của Bright Sites, hỗ trợ hơn 150 ấn bản. Bằng cách tích hợp Summarizer API vào CMS dựa trên AI, Bright Sites cho phép The Standard, thương hiệu tin tức nổi tiếng của London, cung cấp bản tóm tắt được cá nhân hoá của các bài viết cho độc giả. Điều này khuyến khích người dùng tương tác với các bài viết và quay lại các bài viết khác trên The Standard.
"Việc hợp tác với các mô hình tiên tiến của Gemini trong Chrome sẽ giúp The Standard kết hợp 198 năm kinh nghiệm truyền tải thông tin cho độc giả với những cải tiến kỹ thuật mới cho những độc giả bận rộn, những người coi trọng việc có thể đọc tin tức đáng tin cậy của chúng tôi ngay trên thiết bị của họ. Việc cho phép độc giả nhanh chóng xem tin tức bằng cách sử dụng bản tóm tắt được tạo trên thiết bị của riêng họ chỉ là một trong những cách chúng tôi đang tái thiết The Standard và xây dựng các sản phẩm mới tập trung vào độc giả dựa trên thói quen kỹ thuật số của họ".
— Jack Riley, Giám đốc kỹ thuật số của The Standard
Việc cung cấp tính năng tóm tắt bằng AI phía máy khách đã cho phép The Standard tạo bản tóm tắt được cá nhân hoá mà không phải chịu thêm chi phí kinh doanh. Việc này được thực hiện ở phía máy khách, sử dụng các điểm dữ liệu như kiểu tóm tắt hoặc vị trí, cho phép người dùng tiếp tục đọc ngay cả khi họ mất kết nối Internet. Đây là trường hợp thường xuyên xảy ra với nhiều người dùng đi trên tàu điện ngầm ở London bằng máy tính xách tay.
Trước tiên, họ kiểm tra xem mô hình và API có được hỗ trợ và có sẵn hay không.
// Check if the device supports built-in AI
// Trigger the model download if not yet available, on capable devices
export const deviceCheck = async () => {
const availability = await Summarizer.availability();
if (!availability || availability === 'unavailable') {
return {
summarizationAvailable: false,
message:
"AI summarization tools are not supported on this device" +
"or the appropriate permissions are not set.",
}
}
if (availability === 'downloadable') {
const shouldDownload = window.confirm(
`This page contains an AI summary, using an AI model provided by your
browser. Downloading the model, which could be multiple gigabytes in size,
is required to view the summary. Would you like to download the model?`);
if (!shouldDownload) {
return {
summarizationAvailable: false,
message: "User declined installation.",
}
}
// Trigger an installation
Summarizer.create();
return {
summarizationAvailable: false,
message: "Installing in the background. This may take a few minutes...",
}
}
if (availability === 'available') {
return {
summarizationAvailable: true,
message: "Ready for use.",
}
}
}
Hàm sau đây xác định một trình tóm tắt chung, trong tương lai, có thể sử dụng một mô hình khác trên thiết bị hoặc mô hình phía máy chủ.
/**
* Define the summarizer.
**/
export const aiSummarize = async (textToSummarize, options) => {
const availableSummarizationTools = getAvailableAiSummarizationTools()
if (availableSummarizationTools.has('builtInAi') && options?.builtInAI) {
// Generate the built-in AI summarizer and abort signal
const summarizer = await createBuiltInAISummarizer(options.builtInAi.options)
return await summarizer.summarize(textToSummarize, {
signal: options.builtInAi.signal,
})
}
throw new Error(
'AI summarization tools are not supported on this device or browser.',
)
}
Standard lưu trữ lựa chọn ưu tiên về bản tóm tắt của người đọc trong IndexedDB để cung cấp bản tóm tắt được cá nhân hoá.
/**
* Log preferences in IndexDB for personalization
**/
abortController.current = new AbortController()
const preferencesDB = new PreferencesDB()
const summarization = await aiSummarize(articleContent, {
clientSideAI: {
options: await preferencesDB.getCreatesummarizerPreferences(),
signal: abortController.current.signal,
},
})
Terra cung cấp cho các nhà báo bản tóm tắt có thể chỉnh sửa cho các bài viết bằng tiếng Bồ Đào Nha
Terra là một trong những cổng nội dung lớn nhất ở Brazil, cung cấp nội dung giải trí, tin tức và thể thao với hơn 50 triệu khách truy cập riêng biệt mỗi tháng. Terra đã thêm API Tóm tắt và API Dịch vào hệ thống quản lý nội dung (CMS) của họ để giúp các nhà báo tóm tắt tin bài bằng tiếng Bồ Đào Nha ngay lập tức. Sau đó, nhà báo có thể chỉnh sửa một chút để đảm bảo tính chính xác hoặc phù hợp với văn phong rồi xuất bản bản tóm tắt do cộng tác tạo để tất cả độc giả đều có thể đọc.
Mặc dù CMS của Terra đã sử dụng LLM phía máy chủ, nhưng nhóm nghiên cứu đã khám phá AI phía máy khách như một phương pháp riêng biệt với các lợi ích mới tiềm năng. Họ nhận thấy Summarizer API và Gemini Nano trong Chrome cung cấp chất lượng tương đương với cách triển khai phía máy chủ. Giải pháp phía máy khách đã mang lại kết quả tích cực khi được sử dụng kết hợp với Translator API.
Terra đã áp dụng cách triển khai AI tích hợp của Chrome vì những lợi thế chính. AI phía máy khách giúp tiết kiệm chi phí và đơn giản hoá việc quản lý dữ liệu. Mặc dù gặp phải một số thách thức, đáng chú ý là việc quản lý các giới hạn về cửa sổ nội dung bằng API Tóm tắt, nhưng nhóm đã có thể vượt qua những thách thức này thông qua các phương pháp triển khai cẩn thận.
Ban đầu, Terra gặp khó khăn trong việc xác định loại tóm tắt và ngữ cảnh dùng chung nào phù hợp nhất để giải quyết nhu cầu của họ. Thông qua thử nghiệm, họ phát hiện ra rằng bản tóm tắt bằng tiếng Anh rõ ràng và hữu ích là yếu tố quan trọng để tạo ra kết quả chất lượng tương tự bằng tiếng Bồ Đào Nha thông qua Translator API. Công cụ AI tích hợp sẵn đã giúp giải quyết những thách thức này, vì Terra có thể nhanh chóng kiểm thử ý tưởng mà không cần tái cấu trúc mã mỗi lần.
Mẫu sau đây minh hoạ cách Terra gọi API Tóm tắt và cảnh báo người dùng khi API này không hoạt động.
async function summarizerByBuiltInAI(text) {
if (!(Summarizer)) {
//Alert users in Portuguese that "Summarizer API is not available"
cms_alert(ALERT_TYPE_ERROR, "Summarizer API não está disponível.")
return null
}
try {
const availability = await Summarizer.availability();
if (availability !== 'available') {
cms_alert(ALERT_TYPE_ERROR, "Summarizer API não está disponível.")
return null
}
const summaryContext = "Avoid jargon, use correct grammar, focus on clarity," +
"and ensure the user can grasp the articles purpose," +
"without needing to open the original content.";
const options = {
sharedContext: summaryContext,
type: 'teaser',
format: 'plain-text',
length: 'long',
}
if (availability === 'available') {
const summarizer = await Summarizer.create(options);
return await summarizer.summarize(text, {
context: summaryContext
})
}
// return the download of the Summarizer Model
if(availability === 'downloadable'){
return await Summarizer.create();
}
} catch (error) {
//EN: "Error using the Summarizer API"
cms_alert(ALERT_TYPE_ERROR, "Erro ao usar o Summarizer API.");
console.error("Erro ao usar o Summarizer API:", error);
return null
}
}
Ngoài ra, Terra đã sử dụng công cụ tóm tắt cùng với API Dịch để dịch tiêu đề, phụ đề và nội dung của bài viết gốc bằng tiếng Bồ Đào Nha sang tiếng Anh. Phiên bản đã dịch này được API Tóm tắt xử lý để tạo bản tóm tắt, sau đó được dịch lại sang tiếng Bồ Đào Nha. Điều này đảm bảo người dùng nhận được nội dung tóm tắt bằng ngôn ngữ của ứng dụng.
async function translateTextByBuiltInAI(text, sourceLanguage, targetLanguage) {
if (!('translation' in self && 'createTranslator' in self.translation)) {
return null
}
try {
const translator = await Translator.create({
sourceLanguage,
targetLanguage,
})
return await translator.translate(text)
} catch (error) {
throw error
}
}
const text = `Title: ${contentTitle};\n\n Sub-title: ${contentSubtitle};\n\n Article content: ${plainText}.`;
const canTranslate = await Translator.availability({
sourceLanguage: 'pt',
targetLanguage: 'en',
})
if (canTranslate !== 'available') {
if (canTranslate === 'downloadable') {
try {
await Translator.create({
sourceLanguage: 'pt',
targetLanguage: 'en',
})
//EN: "Language download completed successfully."
cms_alert(ALERT_TYPE_OK, "Download do idioma concluído com sucesso.");
} catch (downloadError) {
//EN: "Error downloading the language required for translation."
cms_alert(ALERT_TYPE_ERROR, "Erro ao realizar download do idioma necessário para tradução.");
return
}
} else {
//EN: "Translation is not available or not ready."
cms_alert(ALERT_TYPE_ERROR, "A tradução não está disponível ou não está pronta.");
return
}
}
const translatedText = await translateTextByBuiltInAI(text, 'pt', 'en')
const summarizedText = await summarizerByBuiltInAI(translatedText)
const translatedBackText = await translateTextByBuiltInAI(summarizedText, 'en', 'pt')
Việc tích hợp thành công các API AI tích hợp sẵn của Terra cho thấy tiềm năng đáng kể của AI phía máy khách trong việc nâng cao quy trình quản lý nội dung. Với API Tóm tắt và API Dịch, Terra đã hỗ trợ các nhà báo, cải thiện hiệu quả và có vị thế tốt để mang lại trải nghiệm người dùng nâng cao trên các nền tảng.
Các phương pháp hay nhất
Nếu dữ liệu đầu vào của bài đánh giá vượt quá giới hạn mã thông báo, hãy làm theo các biện pháp giảm thiểu sau:
- Sử dụng một mẫu nhỏ hơn (chẳng hạn như 4 bài đánh giá gần đây nhất) cho API. Điều này giúp tạo ra kết quả nhanh hơn. Hãy tham khảo hướng dẫn của chúng tôi về cách mở rộng tính năng tóm tắt phía máy khách.
QuotaExceededErrorcung cấp thêm thông tin về các mã thông báo được yêu cầu trong dữ liệu đầu vào. Đối tượngsummarizercó thuộc tínhinputQuotacho biết giới hạn mã thông báo của API. Điều này cho phép phản hồi theo thời gian thực và tắt chức năng nếu dữ liệu đầu vào vượt quá giới hạn.
Bạn nên cân nhắc phương pháp kết hợp để đảm bảo trải nghiệm liền mạch cho tất cả người dùng. Trong lần đầu tiên gọi API AI tích hợp, trình duyệt phải tải mô hình xuống.
- Miravia đã sử dụng mô hình phía máy chủ để cung cấp bản tóm tắt ban đầu, trong khi mô hình đang tải xuống. Sau khi mô hình tích hợp sẵn đã sẵn sàng, trang web sẽ chuyển sang thực hiện suy luận phía máy khách.
Bạn phải luôn cố gắng tạo một giao diện thân thiện và dễ giao tiếp:
- Triển khai thanh tiến trình để tải mô hình xuống và giảm độ trễ phản hồi.
- Cân nhắc tính minh bạch về việc tải mô hình xuống. Bright Sites đã thông báo cho người dùng về việc tải mô hình xuống để đảm bảo tính minh bạch và sự đồng ý về việc sử dụng tài nguyên. Bằng cách đó, người dùng có thể chấp nhận hoặc từ chối trước khi tiếp tục.
Kết luận và đề xuất
Các ví dụ về Bright Sites và Terra minh hoạ giá trị của API Tóm tắt trong việc tăng cường khả năng tiếp cận nội dung và mức độ tương tác của người đọc. Bằng cách sử dụng API phía máy khách này, các nền tảng này đã cải thiện trải nghiệm đọc và cá nhân hoá mà không làm tăng chi phí kinh doanh và đơn giản hoá việc quản lý dữ liệu. Giống như API Tóm tắt, tất cả API AI tích hợp sẵn đều hỗ trợ AI phía máy khách thực tế.
Bạn muốn biết API Tóm tắt có thể giúp ích như thế nào trong các trường hợp sử dụng khác? Chúng tôi cũng đã chia sẻ cách API Tóm tắt giúp redBus và Miravia tạo bản tóm tắt bài đánh giá hữu ích của người dùng.
Bạn có đang xây dựng một sản phẩm mới bằng các API này không? Hãy chia sẻ với chúng tôi tại@ChromiumDev trên X hoặc Chromium cho nhà phát triển trên LinkedIn.
Tài nguyên
- Tìm hiểu thêm về Summarizer API.
- Bắt đầu sử dụng API tích hợp trên Chrome.
- Đọc nghiên cứu điển hình về Prompt API để hỗ trợ các blogger.
- Đọc nghiên cứu điển hình về tính năng Dịch và Trình phát hiện ngôn ngữ.
- Đọc bài viết về cách API Tóm tắt giúp redBus và Miravia tạo bản tóm tắt hữu ích về bài đánh giá của người dùng.
Lời cảm ơn
Cảm ơn Guilherme Moser và Fernando Fischer của Terra, Aline Souza của CWI, Brian Alford, Keval Patel, Jack Riley và Nhóm kỹ sư của Brightsites, Swetha Gopalakrishnan, Alexandra Klepper, Thomas Steiner và Kenji Baheux đã giúp viết và xem xét tài liệu này.