Ngày xuất bản: 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 nhịp độ nhanh ngày nay, bả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 trích dễ tiếp cận, khuyến khích độc giả 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 Summarizer API.
| Video giải thích | Web | Phần mở rộng | Trạng thái của Chrome | Mục đích |
|---|---|---|---|---|
| MDN |  Chrome 138 |
Chrome 138 |
Xem | Ý định vận chuyển |
Summarizer API cho phép bạn tạo nhiều loại bản tóm tắt với 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ử dụng các mô hình ngôn ngữ lớn để thực hiện suy luận.
Bright Sites thêm bản tóm tắt bài viết dành riêng cho bạn vào The Standard
Flow, nền tảng xuất bản tin tức hàng đầu của Bright Sites, hỗ trợ hơn 150 ấn phẩm. Bằng cách tích hợp Summarizer API vào CMS dựa trên AI của mình, Bright Sites cho phép The Standard (thương hiệu tin tức mang tính biểu tượng của London) cung cấp bản tóm tắt bài viết được cá nhân hoá 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à tiếp tục khám phá những bài viết khác trên The Standard.
"Việc sử dụng các mô hình tiên tiến của Gemini trong Chrome giúp The Standard kết hợp 198 năm kinh nghiệm cung cấp thông tin cho độc giả với những cải tiến kỹ thuật mới để phục vụ những độc giả bận rộn nhưng vẫn muốn đọc tin tức đáng tin cậy của chúng tôi. 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 họ chỉ là một trong những cách chúng tôi đang tái tạo 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 sử dụng thiết bị số của họ".
– Jack Riley, Giám đốc kỹ thuật số, The Standard
Việc cung cấp tính năng tóm tắt bằng AI phía máy khách đã giúp The Standard tạo ra các bản tóm tắt được cá nhân hoá mà không tốn thêm chi phí kinh doanh. Việc này sẽ cho phép người dùng tiếp tục đọc ngay cả khi mất quyền truy cập Internet. Đây là trường hợp thường xuyên xảy ra với nhiều người dùng mang theo máy tính xách tay khi đi tàu điện ngầm ở London.
Trước tiên, chúng 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 mà trong tương lai có thể sử dụng một mô hình khác trên thiết bị hoặc một 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.',
)
}
Tiện ích này 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 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 Summarizer API và Translator API 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 ngay lập tức các tin bài bằng tiếng Bồ Đào Nha. Sau đó, nhà báo có thể chỉnh sửa một số điểm cho mục đích phong cách hoặc độ chính xác và xuất bản bản tóm tắt được tạo cùng, giúp mọi độc giả dễ dàng tiếp cận.
Mặc dù CMS của Terra đã sử dụng một LLM phía máy chủ, nhưng nhóm này đã khám phá AI phía máy khách như một phương pháp riêng biệt với những lợi ích tiềm năng mới. Họ nhận thấy Summarizer API trong Chrome có chất lượng tương đương với việc triển khai phía máy chủ của họ. Giải pháp phía máy khách mang lại kết quả tích cực khi được dùng kết hợp với Translator API.
Terra đã áp dụng việc 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 trị dữ liệu. Mặc dù gặp phải một số thách thức, đặc biệt là về việc quản lý các hạn chế về cửa sổ nội dung bằng Summarizer API, 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 phải những thách thức trong việc xác định các loại bản tóm tắt và ngữ cảnh được chia sẻ nào phù hợp nhất để đáp ứng nhu cầu của họ. Thông qua thử nghiệm, họ nhận thấy rằng bản tóm tắt rõ ràng và hữu ích bằng tiếng Anh đóng vai trò quan trọng trong việc tạo ra kết quả có chất lượng tương tự bằng tiếng Bồ Đào Nha thông qua Translator API. Sân chơi AI tích hợp đóng vai trò quan trọng trong việc 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 Summarizer API 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 còn sử dụng công cụ tóm tắt kết hợp với Translator API để 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 xử lý bằng Summarizer API để tạo bản tóm tắt, sau đó được dịch ngược 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 Terra tích hợp thành công các API AI tích hợp sẵn 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. Nhờ các API Tóm tắt và Dịch, Terra đã hỗ trợ các nhà báo của mình, cải thiện hiệu quả và có vị thế tốt để mang đến trải nghiệm người dùng nâng cao trên nhiều nền tảng.
Các phương pháp hay nhất
Nếu nội dung đánh giá vượt quá giới hạn mã thông báo, hãy thực hiện 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ề mở rộng quy mô 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ó một 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 đưa ra ý kiến phản hồi theo thời gian thực và vô hiệu hoá 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 sử dụng 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 một API AI tích hợp, trình duyệt phải tải mô hình xuống.
- Miravia đã sử dụng một 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 đã 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à có tính giao tiếp:
- Triển khai thanh tiến trình để tải mô hình xuống và giảm thiểu độ trễ phản hồi.
- Hãy 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 ý đối với việc sử dụng tài nguyên. Như vậy, 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ụ của Bright Sites và Terra minh hoạ giá trị của Summarizer API trong việc nâng cao 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 tốn thêm chi phí kinh doanh và có thể quản trị dữ liệu một cách đơn giản. Giống như Summarizer API, tất cả API AI tích hợp sẵn đều cho phép AI phía máy khách hoạt động hiệu quả.
Bạn muốn biết Summarizer API có thể giúp ích cho những trường hợp sử dụng nào khác? Chúng tôi cũng đã chia sẻ cách API Tóm tắt giúp redBus và Miravia tạo ra bản tóm tắt hữu ích về bài đánh giá của người dùng.
Bạn có đang xây dựng một ứng dụng 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 for Developers trên LinkedIn.
Tài nguyên
- Tìm hiểu thêm về Summarizer API.
- Bắt đầu sử dụng các API tích hợp trên Chrome.
- Đọc nghiên cứu điển hình về Prompt API trong việc hỗ trợ các blogger.
- Đọc nghiên cứu điển hình về công cụ Dịch và phát hiện ngôn ngữ.
- Đọc 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
Xin 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ỹ thuật của Brightsites, Swetha Gopalakrishnan, Alexandra Klepper, Thomas Steiner và Kenji Baheux vì đã giúp viết và xem xét tài liệu này.