Discover Web AI: Client side Agents, Gen AI, and machine learning in the browser
By Chrome for Developers
Key Concepts:
- Web AI: Running machine learning models client-side in a web browser.
- AI Agent Compatibility: Websites designed to be interacted with naturally via AI agents.
- Visual Blocks: A low-code framework for building machine learning pipelines.
- WebGPU: A web API that enables access to GPU functionalities for tasks like multilingual transcription and translation.
- Client-Side Processing: Performing computations directly in the user's browser, reducing server load and inference costs.
Main Topics and Key Points:
- The Future of the Web is AI-Driven: Jason Mayes (Web AI lead at Google) predicts that future websites will be AI agent compatible, allowing users to interact with them naturally to accomplish tasks more efficiently.
- Rapid Prototyping with Visual Blocks and Hugging Face: A collaboration with Hugging Face allows users to talk to Visual Blocks, a low-code framework, to build machine learning pipelines in seconds. This is based on Google's latest research publication.
- Real-time Face Tracking in the Browser: Speaker 1 demonstrates a face tracking application that runs in JavaScript within a browser, achieving a high frame rate even with glasses. It puts tracking points on a face and tracks it.
- Object Recognition using Satellite and Drone Imagery: Speaker 2 discusses using satellite, drone, and UAV imagery for object recognition.
- AI-Powered Physical Therapy Assistance: Speaker 3 presents a system that allows physical therapists to send a link to patients for remote monitoring. The system can count repetitions and show the range of motion (ROM) gauge.
- Multilingual Transcription and Translation with Whisper WebGPU: Speaker 4 introduces Whisper WebGPU, which enables multilingual transcription and translation across 100 different languages.
- Virtual Try-On Experiences for Beauty Brands: Speaker 5 mentions a partnership with major beauty brands to bring their products to users' mobile browsers for virtual try-on experiences.
- Web AI DJ Application: Speaker 6 created a Web AI DJ in one day that works with public APIs for music services. The application runs entirely locally on the laptop's GPU, eliminating inference costs.
- Client-Side Background Blurring: Performing background blurring on the client-side via Web AI eliminates server-side processing costs.
Important Examples, Case Studies, or Real-World Applications Discussed:
- Face Tracking: Real-time face tracking in the browser using JavaScript.
- Object Recognition: Using satellite and drone imagery for object recognition.
- Physical Therapy: Remote patient monitoring and assistance with AI-powered rep counting and ROM measurement.
- Multilingual Transcription/Translation: Whisper WebGPU enabling transcription and translation across 100 languages.
- Beauty Industry: Virtual try-on experiences for beauty products in mobile browsers.
- Music Industry: Web AI DJ application using public music APIs.
- Video Conferencing: Client-side background blurring to reduce server costs.
Key Arguments or Perspectives Presented, with Their Supporting Evidence:
- The future of the web will be AI-driven: Supported by examples of AI-powered applications running directly in the browser, such as face tracking, object recognition, and multilingual transcription.
- Client-side processing reduces costs: Demonstrated by the Web AI DJ application and background blurring example, where running computations locally eliminates inference costs.
Notable Quotes or Significant Statements with Proper Attribution:
- Jason Mayes: "Websites of the future may need to be AI agent compatible such that you could talk to them naturally to perform any of the tasks that they support to get useful work done faster."
- Jason Mayes: "There are very few opportunities in one's life to be at the beginning of a new era like this. Because everyone watching here has a chance of a lifetime to shape the future of this fast-growing space."
Technical Terms, Concepts, or Specialized Vocabulary with Brief Explanations:
- Web AI: The use of machine learning models that run directly within a web browser, leveraging client-side resources.
- AI Agent Compatible: Websites designed to be easily interacted with by AI agents, allowing for natural language communication and task automation.
- Visual Blocks: A low-code framework that simplifies the creation of machine learning pipelines through a visual interface.
- WebGPU: A web API that provides access to the GPU for high-performance computations, such as machine learning inference.
- Client-Side Processing: Performing computations directly on the user's device (e.g., browser) rather than on a remote server.
- Inference Costs: The computational resources and associated expenses required to run a machine learning model and generate predictions.
- ROM: Range of Motion, used in physical therapy to measure joint flexibility.
Logical Connections Between Different Sections and Ideas:
The video connects the idea of AI-driven websites with practical examples of Web AI applications. It starts with a vision of the future and then showcases various projects that demonstrate the potential of running machine learning models directly in the browser. The examples highlight different use cases, from face tracking and object recognition to multilingual transcription and virtual try-on experiences. The common thread is the use of Web AI to create more interactive, efficient, and cost-effective web applications.
Data, Research Findings, or Statistics Mentioned:
- Whisper WebGPU supports multilingual transcription and translation across 100 different languages.
Synthesis/Conclusion of the Main Takeaways:
The video presents a compelling vision of the future web, where AI is seamlessly integrated into websites to enhance user experiences and streamline tasks. By showcasing various Web AI applications, the video demonstrates the potential of running machine learning models directly in the browser, reducing costs, and enabling new functionalities. The call to action encourages viewers to participate in shaping this emerging field. The key takeaway is that Web AI is poised to transform the internet, and there are significant opportunities for innovation and development in this space.
Chat with this Video
AI-PoweredLoad the transcript when you're ready to chat so the initial page stays lighter.
Related Videos

Why Does This Guy Appear In Kids Videos?
sphynx

TIC en las Organizaciones - Electiva Complementaria II Unisimon
Julieth Güell S

How to Tame Your Advice Monster | Michael Bungay Stanier | TED
TED

Margaret Heffernan: Why it's time to forget the pecking order at work
TED

The importance of psychological safety: Amy Edmondson
The King's Fund

What Is Psychological Safety?
Harvard Business Review

13-Conflict Management: Listening in Conflict
Deliberate Development