Создавайте новые функции, используя встроенный ИИ в Chrome.

Томас Штайнер

Опубликовано: 26 мая 2026 г.

В этом посте представлен обзор доклада Томаса Штайнера, прочитанного на конференции Google I/O 2026.

Представьте себе создание блога о путешествиях, где редактор постов не просто хранит текст, а активно помогает вам в процессе написания. Познакомьтесь с Майей и Ашоком, создателями trAIlblazers . Они используют встроенный ИИ в Chrome . Запуская модели непосредственно на устройстве пользователя, разработчики обходят дорогостоящие облачные сервисы и задержки, сохраняя при этом конфиденциальные данные локально.

Мы сотрудничали с компанией Build Awesome (ранее известной как Eleventy), чтобы выпустить шаблон блога со всеми функциями ИИ, перечисленными в докладе.

Почему именно встроенный ИИ?

  • Экономичность: отсутствуют затраты на облачные вычисления, все вычисления выполняются на устройствах, поддерживающих данные пользователей.
  • Конфиденциальность превыше всего: конфиденциальные данные никогда не покидают браузер.
  • Автономная работа: После загрузки модели функции ИИ работают без подключения к интернету.
  • Производительность: Аппаратное ускорение позволяет моделям устройств конкурировать (а иногда и превосходить) скорость облачных вычислений.
  • Гибридный вывод: используя полифилы и такие инструменты, как Firebase AI Logic , вы можете переключаться на облако на неподдерживаемых устройствах (например, мобильных), оставаясь при этом нативным на настольных компьютерах.

Функции искусственного интеллекта для современных веб-приложений

API сумматора

Редактор trAIlblazers использует API Summarizer для автоматического создания заголовков и SEO-оптимизированных метаописаний.

Пример: Сгенерировать заголовок

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

API для работы с подсказками (со структурированным выводом)

Нужны конкретные данные? Используя JSON Schema с Prompt API , вы можете заставить ИИ возвращать предсказуемые форматы. Команда trAIlblazers использует это для следующих целей:

  • Генерация тегов: Предложите категории, такие как «Приключения» или «Пляж», из заранее определенного списка.
  • Модерация комментариев: Перед публикацией комментарии классифицируются как «безопасные» или «вредоносные».

доступность медиаконтента

Редактор автоматизирует «сложные части» Markdown. Когда вы перетаскиваете изображение, API Prompt (с поддержкой мультимодального ввода) анализирует пиксели для генерации доступного альтернативного текста и информативных подписей.

Написание и переписывание

С помощью API Writer и Rewriter пользователи могут разворачивать маркированные списки в целые абзацы и изменять тон абзаца, делая его «более неформальным» или «более коротким», одним щелчком мыши.

Безупречный перевод

API переводчика позволяет авторам создавать контент на английском языке и мгновенно переводить его для испаноязычных или японских читателей, после чего носители языка могут его дорабатывать.

Пример работы API переводчика.
Создавайте черновики контента на английском языке с помощью API переводчика и мгновенно переводите их на испанский и японский языки.

Истории успеха из реальной жизни

Многие партнеры уже используют эти API в производственной среде. К числу наиболее ярких примеров относятся следующие:

  • Drupal: Использует API Summarizer для генерации SEO-тегов в CKEditor.
  • Yahoo! Japan: Использует API Prompt для модерации комментариев сообщества.
  • Trip.com: Помогает покупателям ориентироваться в сложных вариантах бронирования авиабилетов с помощью обзоров, созданных с использованием искусственного интеллекта.

Материалы из выступления

Готовы создать свой собственный опыт "первопроходцев"? Ознакомьтесь с этими ресурсами: