ai, frontend,

一分钟读论文:《Chrome 〈!DOCTYPE aigc〉: 你的网页何必是 HTML》

Unbug By Unbug Follow Apr 01, 2024 · 1 min read
一分钟读论文:《Chrome 〈!DOCTYPE aigc〉: 你的网页何必是 HTML》
Share this

前端开发即将成为历史,Google Gemini Team、Google Chrome Team、Google Cloud Team 和 Google Chromebook Team 合著的论文《Chrome <!DOCTYPE aigc>: Your next web page is not HTML》 提出了通过大模型零成本发布网页的设计方案。论文中提到 Chrome 在实验一个功能,你的网页内容只需使用人类语言编写提示词,当用户浏览你的网站时,Chrome 会根据大模型自动生成网页内容。

你只需将 HTML 文档类型声明 <!DOCTYPE html> 替换为 <!DOCTYPE aigc>,主体内容则是你网页的提示词,例如,“一个类 YouTube 的网站,展示搞笑的猫短视频”。

如果你购买了下一代搭载了 Google 自研 AI 芯片的 Google Chromebooks,你的用户甚至可以在无需联网的情况下访问你的网址,即刻浏览由 Google 强大的多模态大模型 Gemini 生成的网页内容。

Google 对此的愿景是:无论有什么创意,你都可以轻易向世人用更丰富的形式展示你的作品。假设你是一个诗人,你的网站提示词就是你的诗,而你的用户可以看到 AI 根据诗生成的视频。假设你是个编剧,你的剧本直接变成影片;假设你是画家,你的画展自动有多国语言的注解。等等,知识的传播和创造将变得从未有之容易,人的创作潜力真正展现出无限可能

与此同时 OpenAI 也在测试同样功能的 React 组件 <OpenAIView>,两者的目标都是让自家的大模型接管网页开发和内容生成。从论文内容来看 Google Chrome <!DOCTYPE aigc> 功能更强大些,以下来看看两者的差异性:

实现原理

Google Chrome <!DOCTYPE aigc> 基于 Google Gemini 大模型生成内容,WebSocket 加载,以 Chrome 作为渲染载体。

例子

<!DOCTYPE aigc>
Show me a YouTube-like website
 that shows short funny cat videos.

OpenAI 的 React 组件 <OpenAIView> 基于 OpenAI 的大模型生成内容,微前端加载,以 React 作为渲染容器。

例子

//...
export default function MyApp() {
  return (
    <OpenAIView>
    Show me a YouTube-like website 
    that shows short funny cat videos.
     </OpenAIView>
  );
}

内容生成

Google Chrome <!DOCTYPE aigc>

  • 文本、图片、视频、动画等 HTML 网页元素 100%支持;
  • 支持可交互游戏,通过 Canvas+WebGL+WASM 实现;
  • 支持动态更新,按需更新网页中的模块;
  • 支持 Single Source of Truth,严格根据提供的在线数据 API 解析并生成内容;

OpenAI 的 React 组件 <OpenAIView>

  • 文本、图片、视频等 React 组件生态支持的元素;
  • 不支持可交互游戏;
  • 不支持动态更新;
  • 不支持 Single Source of Truth;

可用性

Google Chrome <!DOCTYPE aigc>

  • 提示词输入支持:文本、图片、视频、网址等;
  • 支持跨平台,但仅限于 Chrome,不兼容其他浏览器
  • 装备 Google AI 芯片的 Chromebook 支持离线浏览
  • 全球可用

OpenAI 的 React 组件 <OpenAIView>

  • 提示词输入仅支持文本
  • 支持跨平台,兼容任何浏览器
  • 不支持离线;
  • 仅欧美地区;

安全性

Google Chrome <!DOCTYPE aigc>

  • 支持加密,通过加密提示词防止他人盗用,Chrome 会校验提示词的加密 hash 与域名的匹配,保证你的网站内容总是独一无二的。
  • 支持隐私策略,用户浏览的内容都是无法追踪的;

OpenAI 的 React 组件 <OpenAIView>

  • 不支持加密;
  • 不支持隐私策略;

References