Ontwikkel nieuwe functies met behulp van de ingebouwde AI in Chrome.

Thomas Steiner

Gepubliceerd: 26 mei 2026

Dit bericht is een verslag van de presentatie die Thomas Steiner gaf tijdens Google I/O 2026.

Stel je voor dat je een reisblog bouwt waar de blogeditor niet alleen de tekst opslaat, maar je ook actief ondersteunt tijdens het schrijven. Maak kennis met Maya en Ashok, de makers van trAIlblazers . Zij gebruiken de ingebouwde AI van Chrome . Door modellen direct op het apparaat van de gebruiker uit te voeren, omzeilen ontwikkelaars de dure cloudkosten en latentie, terwijl gevoelige gegevens lokaal bewaard blijven.

We hebben samengewerkt met Build Awesome (voorheen Eleventy) om een ​​blogtemplate uit te brengen met alle AI-functies die in de presentatie zijn genoemd.

Waarom ingebouwde AI?

  • Kostenefficiënt: Geen kosten voor cloud-inferentie, alle berekeningen vinden plaats op de apparaten van de gebruikers die dit ondersteunen.
  • Privacy staat voorop: gevoelige gegevens verlaten de browser nooit.
  • Offline functionaliteit: Zodra het model is gedownload, werken de AI-functies zonder internetverbinding.
  • Prestaties: Dankzij hardwareversnelling kunnen modellen op het apparaat zelf de snelheden van de cloud evenaren (en soms zelfs overtreffen).
  • Hybride inferentie: Door gebruik te maken van polyfills en tools zoals Firebase AI Logic , kunt u op niet-ondersteunde apparaten (zoals mobiele telefoons) terugvallen op de cloud, terwijl u op desktops native blijft werken.

AI-functies voor moderne webapps

De Summarizer API

De trAIlblazers-editor gebruikt de Summarizer API om automatisch koppen en SEO-vriendelijke meta-beschrijvingen te genereren.

Voorbeeld: Genereer een koptekst

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

De Prompt API (met gestructureerde uitvoer)

Heb je specifieke gegevens nodig? Door JSON Schema te gebruiken met de Prompt API , kun je ervoor zorgen dat de AI voorspelbare formaten retourneert. Het trAIlblazers-team gebruikt dit voor de volgende doeleinden:

  • Labelgeneratie: Stel categorieën voor zoals 'Avontuur' of 'Strand' uit een vooraf gedefinieerde lijst.
  • Reactiemoderatie: Classificeer reacties als 'Veilig' of 'Schadelijk' voordat ze worden gepubliceerd.

Toegankelijkheid van de media

De editor automatiseert de "moeilijke onderdelen" van Markdown. Wanneer je een afbeelding toevoegt, analyseert de Prompt API (met multimodale invoer) de pixels om toegankelijke alt-tekst en informatieve bijschriften te genereren.

Schrijven en herschrijven

Met de Writer- en Rewriter-API's kunnen gebruikers opsommingstekens uitbreiden tot volledige alinea's en de toon van een alinea met één klik aanpassen naar een meer informele of kortere stijl.

Naadloze vertaling

Met de Translator API kunnen makers content in het Engels schrijven en deze direct laten vertalen voor Spaanstalige of Japanstalige lezers, waarna moedertaalsprekers de vertaling verder kunnen verfijnen.

Voorbeeld van hoe de Translator API werkt.
Stel concepten op in het Engels met de Translator API en vertaal ze direct naar het Spaans en Japans.

Succesverhalen uit de praktijk

Veel partners gebruiken deze API's al in hun productieomgeving. Enkele bekende voorbeelden zijn:

  • Drupal: Gebruikt de Summarizer API voor het genereren van SEO-tags binnen CKEditor.
  • Yahoo! Japan: Gebruikt de Prompt API voor het modereren van reacties vanuit de community.
  • Trip.com: Helpt reizigers bij het navigeren door complexe opties voor het boeken van vluchten met behulp van AI-overzichten.

Bronnen uit de presentatie

Ben je klaar om je eigen "trailblazers"-ervaring te creëren? Bekijk dan deze bronnen: