Summarizer API की मदद से, Bright Sites और Terra, लेख की दिलचस्प खास जानकारी बनाते हैं

Mari Viana

Thierno Thiam

पब्लिश होने की तारीख: 15 मई, 2025

लोग, स्थानीय, राष्ट्रीय, और अंतरराष्ट्रीय इवेंट के बारे में जानकारी पाने के लिए, न्यूज़ पब्लिशर पर भरोसा करते हैं. साथ ही, वे पब्लिशर के विचारों को भी अहमियत देते हैं. आजकल, तेज़ी से बदल रहे माहौल में लेख की खास जानकारी देना एक अहम रणनीति है. इससे मुश्किल जानकारी को आसानी से समझ आने वाले स्निपेट में बदला जा सकता है. साथ ही, लोगों को लेख के बारे में ज़्यादा जानने के लिए बढ़ावा मिलता है. जानें कि Bright Sites और Terra, Summarizer API का इस्तेमाल करके इस रणनीति को कैसे लागू करते हैं.

ज़्यादा जानकारी देने वाला वीडियो	वेब	एक्सटेंशन	Chrome स्टेटस	मकसद
एमडीएन	Chrome 138	Chrome 138	देखें	शिपिंग की इच्छा

Summarizer API की मदद से, अलग-अलग तरह की खास जानकारी जनरेट की जा सकती है. यह अलग-अलग लंबाई और फ़ॉर्मैट में जनरेट की जा सकती है. जैसे, वाक्य, पैराग्राफ़, बुलेट पॉइंट वाली सूचियां वगैरह. यह एपीआई, पहले से मौजूद कई एआई एपीआई की तरह ही, अनुमान लगाने के लिए लार्ज लैंग्वेज मॉडल का इस्तेमाल करता है.

Bright Sites, The Standard में लोगों की दिलचस्पी के हिसाब से लेख की खास जानकारी जोड़ने की सुविधा देता है

Bright Sites, खबरों को पब्लिश करने वाला एक बड़ा प्लैटफ़ॉर्म है. Flow, 150 से ज़्यादा पब्लिकेशन को सेवाएं देता है. Bright Sites ने Summarizer API को एआई की मदद से काम करने वाले अपने सीएमएस में इंटिग्रेट किया है. इससे लंदन के मशहूर समाचार ब्रैंड The Standard को अपने पाठकों के लिए, लेखों की उनकी दिलचस्पी के हिसाब से खास जानकारी देने में मदद मिलती है. इससे लोगों को लेखों में दिलचस्पी लेने और The Standard पर मौजूद अन्य लेखों को फिर से शेयर करने के लिए बढ़ावा मिलता है.

"Chrome में Gemini के बेहतरीन मॉडल के साथ काम करने से, The Standard को 198 सालों की अपनी विरासत को आगे बढ़ाने में मदद मिल रही है. इस विरासत के तहत, हम अपने पाठकों को नई तकनीकी इनोवेशन के बारे में जानकारी देते हैं. इससे, व्यस्त रहने वाले हमारे उन दर्शकों को फ़ायदा मिलता है जो भरोसेमंद पत्रकारिता को अपनी उंगलियों पर पाना चाहते हैं. हम The Standard को नए सिरे से तैयार कर रहे हैं. साथ ही, हम लोगों की डिजिटल आदतों को ध्यान में रखते हुए, उनके लिए नए प्रॉडक्ट बना रहे हैं. लोगों को अपने डिवाइसों पर, एआई से तैयार की गई खास जानकारी का इस्तेमाल करके, खबरों को तुरंत देखने की सुविधा देना, इन्हीं में से एक है."

— जैक रिले, चीफ़ डिजिटल ऑफ़िसर, The Standard

क्लाइंट-साइड एआई की मदद से खास जानकारी जनरेट करने की सुविधा चालू करने पर, The Standard को कारोबार पर अतिरिक्त खर्च किए बिना, लोगों की दिलचस्पी के हिसाब से खास जानकारी जनरेट करने में मदद मिली. क्लाइंट-साइड पर ऐसा करने से, डेटा पॉइंट का इस्तेमाल किया जा सकेगा. जैसे, खास जानकारी की स्टाइल या जगह की जानकारी. इससे उपयोगकर्ताओं को इंटरनेट ऐक्सेस न होने पर भी पढ़ने की सुविधा मिलती रहेगी. लैपटॉप लेकर लंदन अंडरग्राउंड में यात्रा करने वाले कई लोगों के साथ ऐसा अक्सर होता है.

सबसे पहले, वे मॉडल और एपीआई की उपलब्धता और काम करने की क्षमता की जांच करते हैं.

// 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.",
    }
  }
}

यहां दिए गए फ़ंक्शन में, सामान्य जानकारी देने वाले मॉडल के बारे में बताया गया है. आने वाले समय में, यह मॉडल डिवाइस पर मौजूद किसी दूसरे मॉडल या सर्वर-साइड मॉडल का इस्तेमाल कर सकता है.

/**
* 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, पढ़ने वालों की खास जानकारी से जुड़ी प्राथमिकताओं को IndexedDB में सेव करता है, ताकि उन्हें उनकी पसंद के मुताबिक खास जानकारी दी जा सके.

/**
* 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, पत्रकारों को पुर्तगाली भाषा में लेखों की ऐसी खास जानकारी उपलब्ध कराता है जिसमें बदलाव किया जा सकता है

Terra, ब्राज़ील के सबसे बड़े कॉन्टेंट पोर्टल में से एक है. यह मनोरंजन, खबरें, और खेल से जुड़ा कॉन्टेंट उपलब्ध कराता है. इस पर हर महीने 5 करोड़ से ज़्यादा यूनीक विज़िटर आते हैं. Terra ने अपने कॉन्टेंट मैनेजमेंट सिस्टम (सीएमएस) में Summarizer API और Translator API को जोड़ा है. इससे पत्रकारों को पुर्तगाली भाषा में खबरों को तुरंत छोटा करने में मदद मिलती है. इसके बाद, पत्रकार स्टाइल या सटीक जानकारी देने के लिए, कुछ बदलाव कर सकते हैं. साथ ही, मिलकर तैयार की गई खास जानकारी को पब्लिश कर सकते हैं, ताकि यह सभी लोगों के लिए आसानी से उपलब्ध हो सके.

Terra का सीएमएस पहले से ही सर्वर-साइड एलएलएम का इस्तेमाल करता है. हालांकि, टीम ने क्लाइंट-साइड एआई को एक अलग तरीके के तौर पर आज़माया. इससे उन्हें नए फ़ायदे मिल सकते हैं. उन्हें Chrome में मौजूद Summarizer API की क्वालिटी, सर्वर-साइड पर लागू किए गए एपीआई की क्वालिटी के बराबर लगी. क्लाइंट-साइड के समाधान का इस्तेमाल Translator API के साथ करने पर, अच्छे नतीजे मिले.

Terra ने Chrome में पहले से मौजूद एआई को अपनाया है, क्योंकि इसके कई फ़ायदे हैं. क्लाइंट-साइड एआई की मदद से, लागत कम हुई और डेटा गवर्नेंस को आसान बनाया गया. टीम को कुछ चुनौतियों का सामना करना पड़ा. खास तौर पर, Summarizer API के साथ कॉन्टेंट विंडो की सीमाओं को मैनेज करने में. हालांकि, उन्होंने सावधानीपूर्वक लागू करने के तरीकों का इस्तेमाल करके इन चुनौतियों को दूर किया.

शुरुआत में, Terra को यह तय करने में मुश्किल हुई कि उनकी ज़रूरतों को पूरा करने के लिए, खास जानकारी के किस टाइप और शेयर किए गए कॉन्टेक्स्ट का इस्तेमाल करना सबसे सही रहेगा. एक्सपेरिमेंट के दौरान, उन्हें पता चला कि Translator API की मदद से पुर्तगाली भाषा में भी उसी क्वालिटी का आउटपुट पाने के लिए, अंग्रेज़ी में साफ़ तौर पर और काम की जानकारी देना ज़रूरी है. इन चुनौतियों से निपटने में, एआई की सुविधा वाले Playground ने अहम भूमिका निभाई. इसकी मदद से, Terra को हर बार अपने कोड में बदलाव किए बिना, अपने आइडिया को तुरंत टेस्ट करने में मदद मिली.

यहां दिए गए सैंपल में दिखाया गया है कि Terra, Summarizer API को कैसे चालू करता है. साथ ही, यह भी दिखाया गया है कि जब यह API उपलब्ध नहीं होता, तब Terra उपयोगकर्ताओं को कैसे सूचना देता है.

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
  }
}

इसके अलावा, Terra ने Translator API के साथ Summarizer का इस्तेमाल किया. इससे, पुर्तगाली भाषा में लिखे गए मूल लेख के टाइटल, सबटाइटल, और मुख्य हिस्से का अनुवाद अंग्रेज़ी में किया जा सका. अनुवाद किए गए इस वर्शन को Summarizer API प्रोसेस करता है, ताकि खास जानकारी जनरेट की जा सके. इसके बाद, इसे वापस पुर्तगाली भाषा में अनुवाद किया जाता है. इससे यह पक्का होता है कि उपयोगकर्ता को ऐप्लिकेशन की भाषा में खास जानकारी वाला कॉन्टेंट मिले.

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')

Terra ने एआई एपीआई को अपने प्लैटफ़ॉर्म में इंटिग्रेट कर लिया है. इससे पता चलता है कि क्लाइंट-साइड एआई में, कॉन्टेंट मैनेजमेंट के वर्कफ़्लो को बेहतर बनाने की काफ़ी संभावनाएं हैं. Terra ने Summarizer और Translator API का इस्तेमाल करके, अपने पत्रकारों को सशक्त बनाया है. साथ ही, काम करने की क्षमता को बेहतर बनाया है. अब वह अलग-अलग प्लैटफ़ॉर्म पर उपयोगकर्ताओं को बेहतर अनुभव देने के लिए तैयार है.

सबसे सही तरीके

अगर समीक्षा के लिए दिए गए इनपुट में टोकन की संख्या तय सीमा से ज़्यादा है, तो इन तरीकों को अपनाएं:

• एपीआई को छोटा सैंपल (जैसे, सबसे हाल की चार समीक्षाएं) भेजें. इससे नतीजे जल्दी जनरेट करने में मदद मिलती है. क्लाइंट-साइड पर जवाब तैयार करने की सुविधा को बढ़ाने के बारे में हमारी गाइड पढ़ें.
• QuotaExceededError से, इनपुट में मौजूद अनुरोध किए गए टोकन के बारे में ज़्यादा जानकारी मिलती है. summarizer ऑब्जेक्ट में एक inputQuota प्रॉपर्टी होती है. इससे एपीआई के टोकन की सीमा का पता चलता है. इससे रीयल-टाइम में सुझाव मिलते हैं. साथ ही, अगर इनपुट तय सीमा से ज़्यादा है, तो सुविधा बंद हो जाती है.

सभी उपयोगकर्ताओं को बेहतर अनुभव देने के लिए, हाइब्रिड अप्रोच का इस्तेमाल किया जा सकता है. जब पहली बार किसी बिल्ट-इन एआई एपीआई को कॉल किया जाता है, तो ब्राउज़र को मॉडल डाउनलोड करना होता है.

• Miravia ने सर्वर-साइड मॉडल का इस्तेमाल करके, जवाब डाउनलोड होने के दौरान शुरुआती खास जानकारी दी. बिल्ट-इन मॉडल तैयार होने के बाद, साइट ने क्लाइंट-साइड पर अनुमान लगाने की सुविधा चालू कर दी.

आपको हमेशा एक ऐसा इंटरफ़ेस बनाना चाहिए जो इस्तेमाल करने में आसान हो और जिसमें बातचीत करने की सुविधा हो:

• मॉडल डाउनलोड करने के लिए प्रोग्रेस बार लागू करें, ताकि जवाब मिलने में होने वाली देरी को कम किया जा सके.
• मॉडल डाउनलोड करने के बारे में पारदर्शिता बनाए रखें. Bright Sites ने उपयोगकर्ताओं को मॉडल डाउनलोड करने के बारे में सूचना दी. इससे संसाधनों के इस्तेमाल में पारदर्शिता बनी रहती है और उपयोगकर्ताओं की सहमति ली जा सकती है. इससे उपयोगकर्ता, आगे बढ़ने से पहले अनुरोध को स्वीकार या अस्वीकार कर सकते हैं.

नतीजे और सुझाव

Bright Sites और Terra के उदाहरणों से पता चलता है कि Summarizer API, कॉन्टेंट को ज़्यादा लोगों तक पहुंचाने और लोगों की दिलचस्पी बढ़ाने में कितना मददगार है. क्लाइंट-साइड एपीआई का इस्तेमाल करके, इन प्लैटफ़ॉर्म ने पढ़ने के अनुभव को बेहतर बनाया और लोगों की दिलचस्पी के हिसाब से कॉन्टेंट दिखाया. इसके लिए, कारोबार को कोई अतिरिक्त शुल्क नहीं देना पड़ा. साथ ही, डेटा गवर्नेंस को आसान बनाया गया. Summarizer API की तरह ही, पहले से मौजूद सभी एआई एपीआई, क्लाइंट-साइड एआई को बेहतर तरीके से काम करने में मदद करते हैं.

क्या आपको यह जानना है कि Summarizer API, इस्तेमाल के अन्य उदाहरणों में कैसे मदद कर सकता है? हमने यह भी शेयर किया है कि Summarizer API, redBus और Miravia को उपयोगकर्ताओं की समीक्षाओं की मददगार खास जानकारी बनाने में कैसे मदद करता है.

क्या आपको इन एपीआई की मदद से कुछ नया बनाना है? इसे हमारे साथ शेयर करें. इसके लिए, X पर@ChromiumDev या LinkedIn पर Chromium for Developers पर जाएं.

संसाधन

• Summarizer API के बारे में ज़्यादा जानें.
• Chrome पर पहले से मौजूद एपीआई का इस्तेमाल शुरू करें.
• ब्लॉगर को बेहतर बनाने के लिए, Prompt API की केस स्टडी पढ़ें.
• अनुवाद और भाषा का पता लगाने से जुड़ी केस स्टडी पढ़ें.
• पढ़ें कि Summarizer API, redBus और Miravia को उपयोगकर्ताओं की समीक्षाओं की मददगार खास जानकारी बनाने में कैसे मदद करता है.

Acknowledgements

इस दस्तावेज़ को लिखने और इसकी समीक्षा करने में मदद करने के लिए, हम Terra के गिल्हर्मे मोज़र और फ़र्नांडो फ़िशर, CWI की एलिन सूज़ा, ब्रायन अल्फ़ोर्ड, केवल पटेल, जैक रिले और Brightsites की इंजीनियरिंग टीम, स्वेथा गोपालकृष्णन, ऐलेक्ज़ेंड्रा क्लेपर, थॉमस स्टाइनर, और केंजी बाहेक्स का शुक्रिया अदा करते हैं.