Resumo do Web AI Summit 2024: IA no lado do cliente para desenvolvedores

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title> Resumo do Web AI Summit 2024: IA no lado do cliente para desenvolvedores - Google Developers Blog </title> <meta property="og:title" content="Resumo do Web AI Summit 2024: IA no lado do cliente para desenvolvedores- Google Developers Blog" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="description" content="The first Web AI Summit, hosted by Google on October 18, 2024, brought together experts in machine learning models for web browsers." /> <meta content="summary_large_image" name="twitter:card"/> <meta content="Google for Developers Blog - News about Web, Mobile, AI and Cloud" property="twitter:title"/> <meta property="og:title" content="Resumo do Web AI Summit 2024: IA no lado do cliente para desenvolvedores" /> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Google for Developers Blog", "item": "https://developers.googleblog.com/" },{ "@type": "ListItem", "position": 2, "name": "Resumo do Web AI Summit 2024: IA no lado do cliente para desenvolvedores", "item": "http://developers.googleblog.com/pt-br/web-ai-summit-2024-recap/" }] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "headline": "Resumo do Web AI Summit 2024: IA no lado do cliente para desenvolvedores", "description": "O primeiro Web AI Summit, realizado pelo Google em 18 de outubro de 2024, reuniu especialistas em modelos de aprendizado de máquina para navegadores da Web.", "image": "https://storage.googleapis.com/gweb-developer-goog-blog-assets/images/IMG_6496.2e16d0ba.fill-800x400.jpg", "datePublished": "2024-11-11", "author": [ { "@type": "Person", "name": "Jason Mayes", "url": "/pt-br/search/?author=Jason+Mayes" } ] } </script> <meta content="https://storage.googleapis.com/gweb-developer-goog-blog-assets/images/IMG_6496.2e16d0ba.fill-1200x600.jpg" property="og:image"/>  <script type="text/javascript" src="https://storage.googleapis.com/gweb-developer-goog-blog-cms-assets/f677f1b8-8552-4a23-83cc-57c36dbaf782/js/analytics.js"></script>  <link href="//www.gstatic.com/glue/v27_1/glue.min.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="https://storage.googleapis.com/gweb-developer-goog-blog-cms-assets/f677f1b8-8552-4a23-83cc-57c36dbaf782/css/dgc_blog.css"> <link rel="icon" href="https://storage.googleapis.com/gweb-developer-goog-blog-cms-assets/f677f1b8-8552-4a23-83cc-57c36dbaf782/images/favicon.ico" type="image/x-icon"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="preload" href="https://fonts.googleapis.com/css2?family=Product+Sans&family=Google+Sans+Display:ital@0;1&family=Google+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Google+Sans+Text:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap" as="style"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Product+Sans&family=Google+Sans+Display:ital@0;1&family=Google+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Google+Sans+Text:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400&display=swap"> <link href="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.css" rel="stylesheet"> <link rel="stylesheet" type="text/css" href="https://storage.googleapis.com/gweb-developer-goog-blog-cms-assets/f677f1b8-8552-4a23-83cc-57c36dbaf782/css/blog_detail.css" /> <link rel="stylesheet" href="https://storage.googleapis.com/gweb-developer-goog-blog-cms-assets/f677f1b8-8552-4a23-83cc-57c36dbaf782/pygmentify/css/default.min.css"> </head> <body id="main-content" class="glue-body ">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WVTLDSL " height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>   <header class="dgc-header"> <div class="dgc-header-inner"> <button class="hamburger" aria-haspopup="true" aria-expanded="false" aria-label="Abrir menu"> <svg role="presentation" aria-hidden="true" class="glue-icon"> <use href="/glue-icon/#menu"></use> </svg> </button> <div class="product-name-wrapper"> <a href="https://developers.google.com/" class="site-logo-link" data-label="Site logo"> <img src="https://storage.googleapis.com/gweb-developer-goog-blog-cms-assets/f677f1b8-8552-4a23-83cc-57c36dbaf782/images/g-dev.svg" class="site-logo" alt="Google for Developers"> </a> </div> <div class="desktop-nav-wrapper"> <div class="upper-tabs-wrapper"> <div class="upper-tabs"> <nav class="tabs" aria-label="Guias superiores"> <div class="tab" dropdown> <a href="//developers.google.com/products" class="top-nav-title"> Produtos </a> <a href="#" role="button" aria-haspopup="true" aria-expanded="true" aria-label="Menu suspenso para Produtos" class="dropdown-toggle"> <svg role="presentation" aria-hidden="true" class="glue-icon"> <use href="/glue-icon/#arrow-drop-down"></use> </svg> </a> <div class="tabs-dropdown" aria-label="Submenu"> <div class="tabs-dropdown-content"> <div class="tabs-dropdown-column"> <ul class="tabs-dropdown-section"> <li class="nav-title" aria-label="Menu Desenvolvimento">Desenvolvimento</li> <li class="nav-item"> <a href="//developer.android.com"> <div class="nav-item-title"> Android </div> </a> </li> <li class="nav-item"> <a href="//developer.chrome.com"> <div class="nav-item-title"> Chrome </div> </a> </li> <li class="nav-item"> <a href="//chromeos.dev/"> <div class="nav-item-title"> ChromeOS </div> </a> </li> <li class="nav-item"> <a href="//cloud.google.com"> <div class="nav-item-title"> Cloud </div> </a> </li> <li class="nav-item"> <a href="//firebase.google.com"> <div class="nav-item-title"> Firebase </div> </a> </li> <li class="nav-item"> <a href="//flutter.dev"> <div class="nav-item-title"> Flutter </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/assistant"> <div class="nav-item-title"> Google Assistant </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/maps"> <div class="nav-item-title"> Google Maps Platform </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/workspace"> <div class="nav-item-title"> Google Workspace </div> </a> </li> <li class="nav-item"> <a href="//www.tensorflow.org"> <div class="nav-item-title"> TensorFlow </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/youtube"> <div class="nav-item-title"> YouTube </div> </a> </li> </ul> </div> <div class="tabs-dropdown-column"> <ul class="tabs-dropdown-section"> <li class="nav-title" aria-label="Menu Expandir">expandir</li> <li class="nav-item"> <a href="//firebase.google.com"> <div class="nav-item-title"> Firebase </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/google-ads"> <div class="nav-item-title"> Google Ads </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/analytics"> <div class="nav-item-title"> Google Analytics </div> </a> </li> <li class="nav-item"> <a href="//developer.android.com/distribute"> <div class="nav-item-title"> Google Play </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/search"> <div class="nav-item-title"> Search </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/web/fundamentals/engage-and-retain/push-notifications"> <div class="nav-item-title"> Web Push and Notification APIs </div> </a> </li> </ul> </div> <div class="tabs-dropdown-column"> <ul class="tabs-dropdown-section"> <li class="nav-title" aria-label="Menu Lucre">Lucre</li> <li class="nav-item"> <a href="//developers.google.com/admob"> <div class="nav-item-title"> AdMob </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/google-ads/api"> <div class="nav-item-title"> Google Ads API </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/pay"> <div class="nav-item-title"> Google Pay </div> </a> </li> <li class="nav-item"> <a href="//developer.android.com/google/play/billing/"> <div class="nav-item-title"> Google Play Billing </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/interactive-media-ads"> <div class="nav-item-title"> Interactive Media Ads </div> </a> </li> </ul> </div> </div> </div> </div> <div class="tab"> <a href="//developers.google.com/solutions/catalog" class="top-nav-title"> Soluções </a> </div> <div class="tab"> <a href="//developers.google.com/events" class="top-nav-title"> Eventos </a> </div> <div class="tab"> <a href="//developers.google.com/learn" class="top-nav-title"> Aprenda </a> </div> <div class="tab" dropdown> <a href="//developers.google.com/community" class="top-nav-title"> Comunidade </a> <a href="#" role="button" aria-haspopup="true" aria-expanded="true" aria-label="Menu suspenso para Comunidade" class="dropdown-toggle"> <svg role="presentation" aria-hidden="true" class="glue-icon"> <use href="/glue-icon/#arrow-drop-down"></use> </svg> </a> <div class="tabs-dropdown" aria-label="Submenu"> <div class="tabs-dropdown-content"> <div class="tabs-dropdown-column"> <ul class="tabs-dropdown-section"> <li class="nav-title" aria-label="Menu Grupos">Grupos</li> <li class="nav-item"> <a href="//developers.google.com/community/gdg"> <div class="nav-item-title"> Google Developer Groups </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/community/gdsc"> <div class="nav-item-title"> Google Developer Student Clubs </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/womentechmakers"> <div class="nav-item-title"> Woman Techmakers </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/community/experts"> <div class="nav-item-title"> Google Developer Experts </div> </a> </li> <li class="nav-item"> <a href="//www.techequitycollective.com/"> <div class="nav-item-title"> Tech Equity Collective </div> </a> </li> </ul> </div> <div class="tabs-dropdown-column"> <ul class="tabs-dropdown-section"> <li class="nav-title" aria-label="Menu Programas">Programas</li> <li class="nav-item"> <a href="//developers.google.com/community/accelerators"> <div class="nav-item-title"> Accelerator </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/community/gdsc-solution-challenge"> <div class="nav-item-title"> Solution Challenge </div> </a> </li> <li class="nav-item"> <a href="//developers.google.com/community/devfest"> <div class="nav-item-title"> DevFest </div> </a> </li> </ul> </div> <div class="tabs-dropdown-column"> <ul class="tabs-dropdown-section"> <li class="nav-title" aria-label="Menu Stories">Histórias</li> <li class="nav-item"> <a href="//developers.google.com/community/stories"> <div class="nav-item-title"> Todos os stories </div> </a> </li> </ul> </div> </div> </div> </div> <div class="tab"> <a href="//developers.google.com/profile/u/me" class="top-nav-title"> Programa para desenvolvedores </a> </div> <div class="tab"> <a href="//developers.googleblog.com/" class="top-nav-title"> Blogue </a> </div> </nav> </div> </div> </div> </div> <div class="dgc-header-search"> <div class="search-wrapper glue-page"> <div class="glue-grid"> <form id="search-form" action="/pt-br/search/" method="get" class="search-content glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-9-md glue-grid__col--span-7-lg"> <div class="search-input-wrapper"> <svg role="presentation" aria-hidden="true" class="glue-icon search-icon"> <use href="/glue-icon/#search"></use> </svg> <input type="text" name="query" placeholder="Pesquisar todos os artigos..." aria-label="Pesquisa" class="search-input-field" /> </div> <button class="glue-button glue-button--high-emphasis"> Pesquisa </button> </form> <div class="language-selector glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-3-md glue-grid__col--span-5-lg" aria-label="Selecione seu idioma preferencial"> <button type="button" aria-controls="lang-menu-header" aria-haspopup="true"> <svg role="presentation" aria-hidden="true" class="glue-icon lang-icon"> <use href="/glue-icon/#language"></use> </svg> <span class="lang-label">Português (Brasil)</span> <svg role="presentation" aria-hidden="true" class="glue-icon lang-icon"> <use href="/glue-icon/#arrow-drop-down"></use> </svg> </button> <div id="lang-menu-header" class="lang-menu hidden" role="menu"> <ul role="presentation"> <li role="presentation"> <a role="menuitem" lang="en" href="/en/web-ai-summit-2024-recap/">English</a> </li> <li role="presentation"> <a role="menuitem" lang="es" href="/es/web-ai-summit-2024-recap/">Español (Latam)</a> </li> <li role="presentation"> <a role="menuitem" lang="id" href="/id/web-ai-summit-2024-recap/">Bahasa Indonesia</a> </li> <li role="presentation"> <a role="menuitem" lang="ja" href="/ja/web-ai-summit-2024-recap/">日本語</a> </li> <li role="presentation"> <a role="menuitem" lang="ko" href="/ko/web-ai-summit-2024-recap/">한국어</a> </li> <li role="presentation"> <a role="menuitem" lang="pt-br" aria-current="true" href="/pt-br/web-ai-summit-2024-recap/">Português (Brasil)</a> </li> <li role="presentation"> <a role="menuitem" lang="zh-hans" href="/zh-hans/web-ai-summit-2024-recap/">简体中文</a> </li> </ul> </div> </div> </div> </div> </div> </header> <div class="mobile-drawer" top-level-nav> <nav class="nav-content" aria-label="Menu lateral"> <div class="mobile-header"> <button class="nav-close-btn nav-btn" aria-label="Fechar navegação"> <svg role="presentation" aria-hidden="true" class="glue-icon"> <use href="/glue-icon/#close"></use> </svg> </button> <button class="nav-back-btn nav-btn hidden" aria-label="Voltar ao menu"> <svg role="presentation" aria-hidden="true" class="glue-icon"> <use href="/glue-icon/#arrow-back"></use> </svg> </button> <div class="product-name-wrapper"> <a href="https://developers.google.com/" class="site-logo-link" data-label="Site logo"> <img src="https://storage.googleapis.com/gweb-developer-goog-blog-cms-assets/f677f1b8-8552-4a23-83cc-57c36dbaf782/images/g-dev.svg" class="site-logo" alt="Google for Developers"> </a> </div> </div> <div class="nav-wrapper"> <div class="mobile-nav-top"> <ul class="nav-list"> <li class="nav-item"> <a href="//developers.google.com/products" class="nav-title" data-label="Tab: Products"> <span class="nav-text" tooltip=""> Produtos </span> </a> <ul class="nav-responsive-tabs"> <li class="nav-item"> <span tabindex="0" class="nav-title products-btn" data-label="More Products"> <span class="nav-text" menu="Products"> Mais </span> <span class="nav-icon" menu="Products"> <svg role="presentation" aria-hidden="true" class="glue-icon"> <use href="/glue-icon/#arrow-forward"></use> </svg> </span> </span> </li> </ul> </li> <li class="nav-item"> <a href="//developers.google.com/solutions/catalog" class="nav-title" data-label="Tab: Solutions"> <span class="nav-text" tooltip=""> Soluções </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/events" class="nav-title" data-label="Tab: Events"> <span class="nav-text" tooltip=""> Eventos </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/learn" class="nav-title" data-label="Tab: Learn"> <span class="nav-text" tooltip=""> Aprenda </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/community" class="nav-title" data-label="Tab: Community"> <span class="nav-text" tooltip=""> Comunidade </span> </a> <ul class="nav-responsive-tabs"> <li class="nav-item"> <span tabindex="0" class="nav-title community-btn" data-label="More Community"> <span class="nav-text" menu="Community"> Mais </span> <span class="nav-icon" menu="Community"> <svg role="presentation" aria-hidden="true" class="glue-icon"> <use href="/glue-icon/#arrow-forward"></use> </svg> </span> </span> </li> </ul> </li> <li class="nav-item"> <a href="//developers.google.com/profile/u/me" class="nav-title" data-label="Tab: Developer Program"> <span class="nav-text" tooltip=""> Programa para desenvolvedores </span> </a> </li> <li class="nav-item"> <a href="//developers.googleblog.com/" class="nav-title" data-label="Tab: Blog"> <span class="nav-text" tooltip=""> Blog </span> </a> </li> </ul> </div> <div class="mobile-nav-bottom"> <ul class="nav-list products-submenu" menu="Products" aria-label="Menu lateral"> <li class="nav-item nav-heading"> <span class="nav-title"> <span class="nav-text"> Desenvolvimento </span> </span> </li> <li class="nav-item"> <a href="//developer.android.com" class="nav-title"> <span class="nav-text"> Android </span> </a> </li> <li class="nav-item"> <a href="//developer.chrome.com" class="nav-title"> <span class="nav-text"> Chrome </span> </a> </li> <li class="nav-item"> <a href="//chromeos.dev/" class="nav-title"> <span class="nav-text"> ChromeOS </span> </a> </li> <li class="nav-item"> <a href="//cloud.google.com" class="nav-title"> <span class="nav-text"> Cloud </span> </a> </li> <li class="nav-item"> <a href="//firebase.google.com" class="nav-title"> <span class="nav-text"> Firebase </span> </a> </li> <li class="nav-item"> <a href="//flutter.dev" class="nav-title"> <span class="nav-text"> Flutter </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/assistant" class="nav-title"> <span class="nav-text"> Google Assistant </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/maps" class="nav-title"> <span class="nav-text"> Google Maps Platform </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/workspace" class="nav-title"> <span class="nav-text"> Google Workspace </span> </a> </li> <li class="nav-item"> <a href="//www.tensorflow.org" class="nav-title"> <span class="nav-text"> TensorFlow </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/youtube" class="nav-title"> <span class="nav-text"> YouTube </span> </a> </li> <li class="nav-item nav-heading"> <span class="nav-title"> <span class="nav-text"> expandir </span> </span> </li> <li class="nav-item"> <a href="//firebase.google.com" class="nav-title"> <span class="nav-text"> Firebase </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/google-ads" class="nav-title"> <span class="nav-text"> Google Ads </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/analytics" class="nav-title"> <span class="nav-text"> Google Analytics </span> </a> </li> <li class="nav-item"> <a href="//developer.android.com/distribute" class="nav-title"> <span class="nav-text"> Google Play </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/search" class="nav-title"> <span class="nav-text"> Search </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/web/fundamentals/engage-and-retain/push-notifications" class="nav-title"> <span class="nav-text"> Web Push and Notification APIs </span> </a> </li> <li class="nav-item nav-heading"> <span class="nav-title"> <span class="nav-text"> Lucre </span> </span> </li> <li class="nav-item"> <a href="//developers.google.com/admob" class="nav-title"> <span class="nav-text"> AdMob </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/google-ads/api" class="nav-title"> <span class="nav-text"> Google Ads API </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/pay" class="nav-title"> <span class="nav-text"> Google Pay </span> </a> </li> <li class="nav-item"> <a href="//developer.android.com/google/play/billing/" class="nav-title"> <span class="nav-text"> Google Play Billing </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/interactive-media-ads" class="nav-title"> <span class="nav-text"> Interactive Media Ads </span> </a> </li> </ul> <ul class="nav-list community-submenu hidden" menu="Community" aria-label="Menu lateral"> <li class="nav-item nav-heading"> <span class="nav-title"> <span class="nav-text"> Grupos </span> </span> </li> <li class="nav-item"> <a href="//developers.google.com/community/gdg" class="nav-title"> <span class="nav-text"> Google Developer Groups </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/community/gdsc" class="nav-title"> <span class="nav-text"> Google Developer Student Clubs </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/womentechmakers" class="nav-title"> <span class="nav-text"> Woman Techmakers </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/community/experts" class="nav-title"> <span class="nav-text"> Google Developer Experts </span> </a> </li> <li class="nav-item"> <a href="//www.techequitycollective.com/" class="nav-title"> <span class="nav-text"> Tech Equity Collective </span> </a> </li> <li class="nav-item nav-heading"> <span class="nav-title"> <span class="nav-text"> Programas </span> </span> </li> <li class="nav-item"> <a href="//developers.google.com/community/accelerators" class="nav-title"> <span class="nav-text"> Accelerator </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/community/gdsc-solution-challenge" class="nav-title"> <span class="nav-text"> Solution Challenge </span> </a> </li> <li class="nav-item"> <a href="//developers.google.com/community/devfest" class="nav-title"> <span class="nav-text"> DevFest </span> </a> </li> <li class="nav-item nav-heading"> <span class="nav-title"> <span class="nav-text"> Histórias </span> </span> </li> <li class="nav-item"> <a href="//developers.google.com/community/stories" class="nav-title" aria-label="All Stories"> <span class="nav-text"> Todos os stories </span> </a> </li> </ul> </div> </div> </nav> <select aria-label="Alterar idioma" name="lang-selector" id="lang-selector-nav" class="glue-form__dropdown glue-mobile-nav__lang-dropdown" onchange="window.location.href=this.value" > <option value="/en/web-ai-summit-2024-recap/" lang="en" > English </option> <option value="/es/web-ai-summit-2024-recap/" lang="es" > Español (Latam) </option> <option value="/id/web-ai-summit-2024-recap/" lang="id" > Bahasa Indonesia </option> <option value="/ja/web-ai-summit-2024-recap/" lang="ja" > 日本語 </option> <option value="/ko/web-ai-summit-2024-recap/" lang="ko" > 한국어 </option> <option value="/pt-br/web-ai-summit-2024-recap/" lang="pt-br" selected > Português (Brasil) </option> <option value="/zh-hans/web-ai-summit-2024-recap/" lang="zh-hans" > 简体中文 </option> </select> </div> <div class="backdrop"></div> <div class="blog-detail-container"> <section class="tags-container glue-page glue-spacer-5-top"> <div class="glue-eyebrow"><a href="/pt-br/search/?product_categories=Chrome+Web">Chrome Web</a></div> </section> <section class="heading-container glue-page glue-spacer-1-top"> <h1 class="glue-headline glue-headline--headline-1">Resumo do Web AI Summit 2024: IA no lado do cliente para desenvolvedores</h1> </section> <section class="summary-container glue-page glue-spacer-4-top"> <div class="date-time"> <div class="published-date glue-font-weight-medium">NOV 11, 2024</div> </div> </section> <section class="glue-page glue-grid glue-spacer-1-top"> <section class="author-container glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-10-md"> <div class="author-obj"> <a class="glue-font-weight-medium" href="/pt-br/search/?author=Jason+Mayes">Jason Mayes</a> <span class="glue-font-weight-medium role">Web AI Lead</span> </div> </section> <section class="social-container glue-grid__col glue-grid__col--span-4-sm glue-grid__col--span-2-md"> <button id="social-button" class="glue-button glue-button--low-emphasis glue-button--icon" aria-haspopup="true" aria-expanded="false"> <svg role="presentation" aria-hidden="true" class="glue-icon"> <use href="/glue-icon/#share"></use> </svg> <span>Compartilhar</span> </button> <ul id="social-menu" class="glue-elevation-level-1" role="menu" aria-labelledby="social-button"> <li> <a href="https://www.facebook.com/sharer/sharer.php?u={url}" title="Share on Facebook" target="_blank" rel="noopener"> <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--social glue-icon--32px"> <use href="/glue-icon/#post-facebook"></use> </svg> <span>Facebook</span> </a> </li> <li> <a href="https://twitter.com/intent/tweet?text={url}" title="Share on Twitter" target="_blank" rel="noopener"> <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--social glue-icon--32px"> <use href="/glue-icon/#twitter-x"></use> </svg> <span>Twitter</span> </a> </li> <li> <a href="https://www.linkedin.com/shareArticle?url={url}&mini=true" title="Share on LinkedIn" target="_blank" rel="noopener"> <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--social glue-icon--32px"> <use href="/glue-icon/#post-linkedin"></use> </svg> <span>LinkedIn</span> </a> </li> <li> <a href="mailto:name@example.com?subject=Check%20out%20this%20site&body=Check%20out%20{url}" title="Send via Email"> <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--social glue-icon--32px"> <use href="/glue-icon/#email"></use> </svg> <span>Mail</span> </a> </li> <li> <a href="#" title="Get shareable link" data-link="" data-copy-text="Copiar link" data-copied-text="Copiado!"> <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--social glue-icon--32px"> <use href="/glue-icon/#link"></use> </svg> <span></span> </a> </li> </ul> </section> </section> <section class="blocks-container glue-page glue-spacer-3-top"> <div class="block"> <div class="inner-block-content rich-content"> <h2 data-block-key="3v7l4">A primeira conferência do Google para desenvolvedores que usam a IA no lado do cliente</h2><p data-block-key="29k4n"><br/>Em 18 de outubro de 2024, o Google realizou o primeiro <a href="https://www.youtube.com/playlist?list=PLNYkxOF6rcIAEVKJ98bDkQRkwvO4grhnt">Web AI Summit</a>, reunindo grandes especialistas do mundo todo que trabalham com modelos de aprendizado de máquina <a href="https://developer.chrome.com/docs/ai/client-side">no lado do cliente em navegadores da Web</a>. Isso significa que, após o carregamento da página inicial, todas essas soluções podem funcionar totalmente off-line no dispositivo cliente, permitindo que os usuários se beneficiem de <a href="https://web.dev/articles/client-side-ai-performance">inferência com baixa latência, custos reduzidos e privacidade.</a></p><p data-block-key="8vr7">Nosso time incluiu apresentadores das equipes do Google, como do Chrome e MediaPipe, e também representantes de terceiros ativos nessa área, como Intel, Hugging Face, Microsoft e LangChain, entre outros. As palestras englobaram uma ampla gama de setores e áreas, desde a detecção de bens de consumo embalados até soluções para a saúde, mostrando o grande potencial da IA da Web.</p><p data-block-key="5km26">Continue lendo para saber mais ou <a href="https://www.youtube.com/playlist?list=PLNYkxOF6rcIAEVKJ98bDkQRkwvO4grhnt">veja a playlist do YouTube para se atualizar e assistir às palestras!</a></p> </div> <div class="inner-block-content"> <div class="image-wrapper"> <img class="regular-image" src="https://storage.googleapis.com/gweb-developer-goog-blog-assets/images/image2_IxyNSOm.original.jpg" alt="Machine Learning Panel" /> </div> </div> <div class="inner-block-content rich-content"> <h2 data-block-key="3v7l4"><b>Destaques do primeiro Web AI Summit</b></h2><p data-block-key="24av7">Mais de 1.100 pessoas inscritas de 22 países, 59 cidades e 179 escritórios do Google juntaram-se a nós nesse evento histórico, que teve casa cheia ao longo de todo o dia. <a href="https://www.linkedin.com/feed/hashtag/?keywords=webai">Foi fantástico ver o engajamento de todos os participantes</a> nas palestras.</p><p data-block-key="b8tv">Nosso público incluiu engenheiros de software, tomadores de decisões de negócios e líderes executivos, criando uma sinergia produtiva entre conhecimento técnico e planejamento estratégico.</p><h2 data-block-key="7hms6"><br/><b>Palestrantes e sessões do Web AI Summit</b></h2><p data-block-key="3j826">Nossos palestrantes especialistas compartilharam insights valiosos para transmitir aos desenvolvedores de JavaScript conhecimentos sobre recursos sofisticados e complexos habilitados por IA que estão se tornando o padrão do setor para atender às demandas dos clientes. Confira todas as palestras abaixo quando desejar.</p> </div> <div class="inner-block-content"> <div class="image-wrapper"> <img class="regular-image" src="https://storage.googleapis.com/gweb-developer-goog-blog-assets/images/image3_rggEoKV.original.png" alt="image3" /> </div> </div> <div class="inner-block-content rich-content"> <h3 data-block-key="3v7l4"><b>Recepção dos participantes no Web AI Summit 2024</b></h3><p data-block-key="ddls7"><a href="https://www.linkedin.com/in/webai/">Jason Mayes, Líder de IA da Web do Google</a></p><p data-block-key="2k0li"><a href="https://www.linkedin.com/in/jimbankoski/">Jim Bankoski, VP de engenharia do Chrome do Google</a><br/><br/>Uma visão geral do status atual da IA da Web em 2024 e os motivos da criação do Web AI Summit. Veja o que é possível fazer com o <a href="https://developer.chrome.com/docs/ai/built-in">aprendizado de máquina no dispositivo</a> e conheça as tendências futuras para obter uma compreensão geral antes de assistir às outras palestras desta série. Esta palestra é indicada para todos os participantes e abrange áreas como IA generativa, LLMs, modelos de difusão, WebGPU, WebAssembly e APIs emergentes, como WebNN, além de exemplos do setor que já estão usando a IA da Web.</p><h3 data-block-key="9q19n"><b><br/>Transformers.js: aprendizado de máquina de última geração para a Web</b></h3><p data-block-key="153qb"><a href="https://twitter.com/xenovacom">Joshua Lochner, Engenheiro de ML (Transformers.js) da Hugging Face</a><br/><br/>Saiba mais sobre o Transformers.js, uma nova e incrível biblioteca JavaScript que capacita os desenvolvedores a criarem aplicativos da Web inéditos. Ele foi projetado para ser funcionalmente equivalente à biblioteca Transformers do Python da Hugging Face e dá suporte a mais de 120 arquiteturas em um conjunto diversificado de tarefas e modalidades. Os usuários podem escolher entre mais de 1.000 modelos pré-treinados ou converter os seus próprios para execução local no navegador, oferecendo o aprendizado de máquina escalonável, de baixa latência e com preservação da privacidade. A mais recente adição de suporte à WebGPU permite a execução de modelos de alto desempenho com o uso de recursos modernos de GPU diretamente no navegador.</p><h3 data-block-key="b1p3n"><br/><b>API Web Neural Network (WebNN): presente e futuro</b></h3><p data-block-key="76v8q"><a href="https://www.linkedin.com/in/rkochman/">Rob Kochman, Gerente de produtos do grupo (Chrome) do Google</a></p><p data-block-key="883lh"><a href="https://www.linkedin.com/in/rafael-cintron-97b15b1/">Rafael Cintron, Engenheiro principal de design de software da Microsoft</a><br/><br/>Tecnologias da Web avançadas, como WebAssembly e WebGPU, trouxeram recentemente recursos reais de IA para o navegador. O objetivo da API Web Neural Network (WebNN) é aproveitar esse momento, permitindo que as cargas de trabalho de IA sejam executadas com mais rapidez e eficiência em uma variedade de dispositivos, incluindo dispositivos com hardware acelerador de IA (NPUs), todos baseados em padrões da Web. Esta sessão começa com uma breve visão geral da WebNN e, em seguida, descreve os desenvolvimentos recentes, incluindo forma da API, suporte a dispositivos, suporte a frameworks e implementações de navegador. Também descrevemos os planos para o futuro enquanto, trabalhamos para obter o feedback da comunidade.</p><h3 data-block-key="5fkuq"><br/><b>IA da Web em PCs com IA</b></h3><p data-block-key="cu9j0"><a href="https://www.linkedin.com/in/moh-haghighat/">Moh Haghighat, Fellow da Intel</a><br/><br/>A Intel apresentou o WebNN, uma API da Web W3C padrão unificada e emergente para aceleração de ML na Web no dispositivo em vários mecanismos de execução de IA no cliente: CPU, GPU e NPU. Atualmente como uma prévia para desenvolvedores nos navegadores Chrome e Edge e integrada a frameworks populares de ML (como o ONNX Runtime Web), o WebNN tem características de desempenho e potência "quase nativas". Tivemos prévias de adoção e demonstrações do WebNN interessantes, que trazem um novo nível de experiências para a Web.</p><h3 data-block-key="18mt7"><br/><b>ml5.js: aprendizado de máquina simplificado para a Web</b></h3><p data-block-key="9v0jt"><a href="https://yu-y.ing/">Yu Lee, Pesquisadora residente de ML5.js da NYU</a></p><p data-block-key="7qi32"><a href="https://www.aidanjnelson.com/">Aidan Nelson, Professor convidado de ML5.js da NYU</a><br/><br/>O foco desta palestra é o ml5.js, uma biblioteca de código aberto criada com base no TensorFlow.js com o objetivo de tornar o aprendizado de máquina acessível para um público amplo de artistas, programadores de criativos e estudantes. Esse projeto foi criado como um esforço colaborativo no programa ITP da NYU, inspirando-se no Processing e no foco do projeto p5.js de tornar a programação acessível e inclusiva. O ml5.js visa expandir essa missão para o domínio do aprendizado de máquina, preenchendo a lacuna entre a complexidade técnica do aprendizado de máquina e a criatividade de iniciantes e artistas.</p><h3 data-block-key="ffgf9"><br/><b>WebLLM: um mecanismo de inferência de LLM de alto desempenho no navegador</b></h3><p data-block-key="dqav9"><a href="https://www.linkedin.com/in/charlie-ruan/">Charlie Ruan, Estudante pesquisador da CMU</a><br/><br/>Esta palestra tem como tema o WebLLM, um mecanismo de inferência de LLM de alto desempenho no navegador. O WebLLM permite a criação de apps da Web habilitados para IA que são rápidos (aceleração de GPU nativa via WebGPU), privados (100% de computação no lado do cliente) e convenientes (sem configuração de ambiente). Para desenvolvedores, o WebLLM apresenta uma interface no estilo da API da OpenAI para integração padronizada, dá suporte a aplicativos de chat e à geração JSON estruturada eficiente, além de oferecer suporte integrado para Web/Service Workers a fim de separar execuções de back-end do fluxo de IU. Nesta palestra, exploramos os principais recursos do WebLLM, a arquitetura geral e como os desenvolvedores podem usá-lo para criar aplicativos da Web habilitados para IA.</p><h3 data-block-key="ctah"><br/><b>O estado não é tudo, mas ajuda: como criar apps de LLM melhores no navegador</b></h3><p data-block-key="8g5bn"><a href="https://www.linkedin.com/in/jacoblee93/">Jacob Lee, Engenheiro fundador da LangChain</a><br/><br/>Novos avanços interessantes, de projetos como WebLLM, Transformers.js e Chrome AI, aproximaram, mais do que nunca os LLMs locais de qualquer pessoa que tenha um navegador. Isso tem um imenso potencial para expandir as fronteiras do desenvolvimento da Web, mas esses pequenos modelos são mais limitados do que os modelos hospedados de última geração e exigem considerações mais cuidadosas quanto ao design e à elaboração de prompts.</p><p data-block-key="62sca">O foco dessa palestra é abordar essas limitações, apresentando técnicas para implementar apps práticos que aproveitem ao máximo os pequenos modelos usando o avançado kit de ferramentas fornecido pelo LangGraph.js, um novo framework para orquestração de apps de LLM com estado.</p><h3 data-block-key="40v7f"><br/><b>Visual Blocks: prototipagem visual de pipelines de IA</b></h3><p data-block-key="a524d"><a href="https://linkedin.com/in/duruofei">Ruofei Du, Líder de gráficos e percepção interativos do Google</a><br/><br/>O <a href="http://visualblocks.withgoogle.com/">Visual Blocks for ML</a> é uma plataforma de programação visual que permite a prototipagem rápida de multimídia e IA. Nesta palestra, demonstramos como criar pipelines de IA interativos, realizar o aumento interativo de dados e testar pipelines com dados em tempo real usando ações simples de arrastar e soltar. Também destacamos uma variedade de pipelines e nós personalizados com contribuições da comunidade, demonstrando diversas aplicações em gráficos interativos, cadeias de modelos de linguagem grandes, visão computacional e soluções multimodais. Por fim, encorajamos todos os profissionais de IA da Web a contribuir com seus próprios pipelines de ML e nós personalizados, enriquecendo ainda mais a plataforma compartilhada e inspirando casos de uso inovadores.</p><h3 data-block-key="2lfne"><br/><b>Análise de interações alternativas em JavaScript</b></h3><p data-block-key="egao"><a href="https://www.linkedin.com/in/charliegerard/">Charlie Gerard, Engenheira de pesquisa sênior da CrowdStrike</a><br/><br/>Os últimos avanços em IA concentraram-se principalmente nos modelos de linguagem grandes e em novas formas de criar e consumir conteúdo. No entanto, a IA também oferece a oportunidade de repensar a maneira como interagimos com as interfaces. Com o uso do JavaScript e de modelos com foco em rastreamento corporal ou classificação de áudio, os desenvolvedores da Web têm uma oportunidade única de experimentar interações alternativas para criar experiências da Web mais inovadoras.</p><h3 data-block-key="fjt41"><br/><b>Visão geral da IA integrada do Chrome</b></h3><p data-block-key="6d16p"><a href="https://www.linkedin.com/in/baheux/?originalSubdomain=jp">Kenji Baheux, Gerente de produtos do Chrome do Google</a><br/><br/>Compartilhamos o que estamos fazendo no Chrome em relação à IA integrada, o que aprendemos e quais serão os próximos passos. Falamos sobre como vemos a API Prompt, nosso status quanto a APIs de tarefas de alto nível, como resumo e gravação/reescrita, além de abordar os aprendizados do programa de pré-lançamento antecipado e o que faremos daqui para frente.</p><h3 data-block-key="3big9"><b><br/>IA da Web em ação: como o TensorFlow.js impulsionou o que você vê nas prateleiras dos supermercados</b></h3><p data-block-key="98nvd"><a href="https://www.linkedin.com/in/hugozanini/">Hugo Zanini, Líder de projetos técnicos do Nubank</a><br/><br/>Esta palestra mostra como uma das 10 maiores empresas de bens de consumo embalados (CPG) do mundo usou a IA da Web para expandir sua estratégia de marketing comercial em lojas no Brasil e como ela evoluiu para um projeto de código aberto que tem sido benéfico para outras empresas do setor.</p><h3 data-block-key="2sphb"><b><br/>Lições aprendidas como cliente zero de APIs integradas do Chrome</b></h3><p data-block-key="e0qb7"><a href="https://www.linkedin.com/in/thomassteinerlinkedin/">Thomas Steiner, Engenheiro de relações com desenvolvedores do Chrome do Google</a><br/><br/>Nesta palestra, Thomas resume algumas das lições aprendidas pela área de Relações com desenvolvedores como cliente zero de APIs integradas do Chrome. Com um exemplo de um app de busca de sinônimos habilitado por IA, ele mostra como trabalhar com a API Prompt, concentrando-se em aspectos como ajuste de prompts, análise da saída de maneira confiável e otimização do app para garantir o máximo desempenho.</p><h3 data-block-key="80l0l"><br/><b>O futuro da IA já chegou: estudos de casos reais de adoção da IA no lado do cliente em apps da Web</b></h3><p data-block-key="29olv"><a href="https://www.linkedin.com/in/yurikohirota/">Yuriko Hirota, Engenheira de soluções de parceiros do Google</a></p><p data-block-key="cjoij"><a href="https://x.com/herablog">Kazunari Hara, Especialista em desenvolvedores da CyberAgent</a><br/><br/>Esta palestra relâmpago revela o poder prático da IA no lado do cliente, visando não apenas ao uso da IA, mas também à melhoria das experiências dos usuários. Na palestra, é feita uma análise detalhada de um estudo de caso do mundo real apresentado no Google I/O 2024, que mostra como a CyberAgent, a potência por trás de um dos principais serviços de blogs do Japão, planeja aproveitar a magia da IA no lado do cliente para capacitar os usuários com a geração de títulos de blogs sem esforço. Junte-se a nós para saber como a CyberAgent ampliou o potencial da IA no lado do cliente por meio de um design de caso de uso inovador e de uma abordagem centrada no usuário.</p><h3 data-block-key="bmtf6"><br/><b>Por que as extensões da Web são excelentes para a IA?</b></h3><p data-block-key="6491e"><a href="https://www.linkedin.com/in/davidli8/">David Li, Gerente de produtos do Chrome do Google</a><br/><br/>Nesta palestra, mostramos o potencial da IA e das extensões do Chrome. As extensões do Chrome permitem que você controle o navegador, observe o conteúdo da Web e adicione sua própria IU. Quando combinadas, a IA e as extensões do Chrome podem tornar a experiência de navegação realmente útil e mais produtiva. Esta palestra apresenta uma visão geral de como as extensões na WebStore estão usando a IA hoje e onde vemos o maior potencial.</p><h3 data-block-key="e66sf"><br/><b>Além do banner: o poder da IA da Web para personalizar mídias pagas</b></h3><p data-block-key="c4rhq"><a href="https://www.linkedin.com/in/corygrenier/">Cory Grenier, CEO da GEENEE</a></p><p data-block-key="bvmmd"><a href="https://www.linkedin.com/in/evgeny-peshkov/">Evgeny Peshkov, CTO da GEENEE</a><br/><br/>Saiba como a IA da Web está revolucionando as mídias pagas personalizadas ao incluir anúncios experimentais virtuais inovadores em todas as telas.</p><h3 data-block-key="b7vpv"><br/><b>MediaPipe Web: levando a tecnologia de IA multiplataforma para o navegador</b></h3><p data-block-key="6qsv2"><a href="https://www.linkedin.com/in/tyler-mullen-7b68a8123">Tyler Mullen, Engenheiro de software da equipe do MediaPipe do Google</a><br/><br/>Saiba mais sobre a abordagem multiplataforma do MediaPipe para criar pipelines de IA e levá-los para o navegador. Destacamos alguns dos benefícios de nosso método e falamos sobre alguns dos principais produtos que ajudamos a promover (como o Google Meet). Depois, apresentamos os avanços tecnológicos e as APIs de desenvolvedor mais recentes. Essas ofertas incluem soluções para tarefas tradicionais de aprendizado de máquina, como segmentação de imagens, bem como tarefas de IA generativa, como inferência de LLM. Por fim, falamos sobre o futuro com algumas demonstrações muito interessantes!</p><h3 data-block-key="2alla"><br/><b>Transformação do acesso à saúde por meio da IA da Web</b></h3><p data-block-key="7l54p"><a href="https://www.linkedin.com/in/chrisslee/">Chris Slee, CTO da IncludeHealth</a></p><p data-block-key="2vnns"><br/>A IncludeHealth, um provedor de fisioterapia virtual, aproveita o poder da IA da Web para eliminar barreiras logísticas e econômicas, permitindo que os pacientes recebam atendimento personalizado e monitorado em qualquer lugar, a qualquer hora e em qualquer dispositivo.</p><h3 data-block-key="7ufkr"><br/><b>Treinamento de ML na Web: criação do Aprendizado de Máquina Sem Código para o Planilhas Google</b></h3><p data-block-key="78bjj"><a href="https://github.com/rstz">Richard Stotz, Engenheiro de software de Core ML do Google</a></p><p data-block-key="ehrt5"><br/>Saiba como criamos o Aprendizado de Máquina Sem Código para o Planilhas Google, um complemento gratuito do Planilhas Google para ML e IA. Ele usa o aprendizado de máquina no dispositivo habilitado por WebAssembly, JavaScript e a nova IA integrada do Chrome para possibilitar a execução de tarefas avançadas de aprendizado de máquina para todos os usuários. Esta palestra destaca as ferramentas que usamos para disponibilizar o Aprendizado de Máquina Sem Código para o Planilhas Google no mercado e como as bibliotecas de código aberto de nossa equipe ajudam os desenvolvedores a terem sucesso com o ML na Web.</p><h2 data-block-key="d7ssa"><br/><b>Nossos sinceros agradecimentos!</b></h2><p data-block-key="u2b0">Esse evento não seria possível sem as inúmeras pessoas envolvidas em sua criação e realização. Gostaríamos de agradecer a Jason Mayes, Jenna Zheng e Marcus Chang pela organização do evento. Nossos agradecimentos aos apresentadores listados acima, a nossos ajudantes e assistentes e a nossas equipes de AV, que garantiram a gravação do evento para que você pudesse assistir com tranquilidade depois.</p><h2 data-block-key="9ccd1"><br/><b>Quer participar do próximo Web AI Summit?</b></h2><p data-block-key="ad1k8">Se você perdeu o evento desta vez, acompanhe os vídeos acima e não deixe de <a href="https://www.linkedin.com/newsletters/web-ai-ml-monthly-6895540524061736960/">fazer sua inscrição em nossa newsletter pública de IA da Web</a> para receber informações sobre as novidades!</p> </div> </div> </section> <section class="navigation-container glue-page glue-spacer-6-top"> <div class="posted-in-section"> <div class="posted-in-section__heading"> <span class="glue-caption"> postado em: </span> </div> <div class="posted-in-section__tags"> <ul> <li> <a href="/pt-br/search/?product_categories=Chrome+Web" class="glue-caption">Chrome Web</a> </li> <li> <a href="/pt-br/search/?technology_categories=Web" class="glue-caption">Web</a> </li> <li> <a href="/pt-br/search/?technology_categories=AI" class="glue-caption">AI</a> </li> <li> <a href="/pt-br/search/?content_type_categories=Community" class="glue-caption">Community</a> </li> <li> <a href="/pt-br/search/?content_type_categories=Events" class="glue-caption">Events</a> </li> <li> <a href="/pt-br/search/?content_type_categories=Industry+Trends" class="glue-caption">Industry Trends</a> </li> <li> <a href="/pt-br/search/?content_type_categories=Solutions" class="glue-caption">Solutions</a> </li> <li> <a href="/pt-br/search/?tag=Explore" class="glue-caption">Explore</a> </li> <li> <a href="/pt-br/search/?tag=Influence" class="glue-caption">Influence</a> </li> <li> <a href="/pt-br/search/?tag=Learn" class="glue-caption">Learn</a> </li> <li> <a href="/pt-br/search/?tag=LLM" class="glue-caption">LLM</a> </li> <li> <a href="/pt-br/search/?tag=Machine Learning" class="glue-caption">Machine Learning</a> </li> </ul> </div> </div> <div class="buttons-section"> <div class="buttons-section__left"> <a href="/pt-br/bringing-ai-agents-to-production-with-gemini-api/" class="glue-button--icon glue-elevation-level-1 " aria-label="Anterior"> <svg role="presentation" aria-hidden="true" class="glue-icon"> <use href="/glue-icon/#chevron-left"></use> </svg> </a> <span class="caption ">Anterior</span> </div> <div class="buttons-section__right"> <span class="caption ">Avançar</span> <a href="/pt-br/sharing-our-latest-differential-privacy-milestones-and-advancements/" class="glue-button--icon glue-elevation-level-1 " aria-label="Avançar"> <svg role="presentation" aria-hidden="true" class="glue-icon"> <use href="/glue-icon/#chevron-right"></use> </svg> </a> </div> </div> </section> <section class="related-posts-container glue-page glue-spacer-6-top glue-spacer-3-bottom"> <span class="glue-headline glue-headline--headline-3">Postagens relacionadas</span> <div class="related-posts-container__carousel glue-page glue-spacer-5-top"> <div class="glue-carousel glue-carousel--cards glue-carousel-related-posts" aria-label="Postagens relacionadas">  <button class="glue-carousel__button glue-carousel__button--prev" aria-label="Ir para o slide anterior"> <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--32px"> <use href="/glue-icon/#chevron-left"></use> </svg> </button>  <button class="glue-carousel__button glue-carousel__button--next" aria-label="Ir para o próximo slide"> <svg role="presentation" aria-hidden="true" class="glue-icon glue-icon--32px"> <use href="/glue-icon/#chevron-right"></use> </svg> </button>  <div class="glue-carousel__viewport"> <div class="glue-carousel__list"> <a class="glue-card glue-carousel__item" href="/pt-br/chrome-3p-autofill-services/"> <div aria-label="O Chrome para Android dará suporte nativo a serviços de preenchimento automático de terceiros" class="glue-card__inner"> <picture class="glue-card__asset"> <img alt="O Chrome para Android dará suporte nativo a serviços de preenchimento automático de terceiros" src="https://storage.googleapis.com/gweb-developer-goog-blog-assets/images/Security-GfD.2e16d0ba.fill-800x400.png"> </picture> <div class="glue-card__content"> <div class="glue-card__tags glue-spacer-2-top"> <span class="glue-label">Android</span> <span class="glue-label">Chrome Web</span> <span class="glue-label">Web</span> <span class="glue-label">Announcements</span> <span class="glue-label">Best Practices</span> </div> <p class="glue-headline glue-headline--headline-5">O Chrome para Android dará suporte nativo a serviços de preenchimento automático de terceiros</p> <div class="glue-card__cta-custom glue-spacer-3-top"> <span class="glue-cta">24 de Outubro de 2024</span> <svg aria-hidden="true" class="glue-icon glue-icon--24px" role="presentation"> <use href="/glue-icon/#arrow-forward"></use> </svg> </div> </div> </div> </a> <a class="glue-card glue-carousel__item" href="/pt-br/announcing-the-winners-of-the-gemini-api-developer-competition/"> <div aria-label="Announcing the Winners of the Gemini API Developer Competition!" class="glue-card__inner"> <picture class="glue-card__asset"> <img alt="Announcing the Winners of the Gemini API Developer Competition!" src="https://storage.googleapis.com/gweb-developer-goog-blog-assets/images/Gemini_Competition_G4D_-_meta.2e16d0ba.fill-800x400.png"> </picture> <div class="glue-card__content"> <div class="glue-card__tags glue-spacer-2-top"> <span class="glue-label">Mobile</span> <span class="glue-label">Web</span> <span class="glue-label">Case Studies</span> <span class="glue-label">Community</span> </div> <p class="glue-headline glue-headline--headline-5">Announcing the Winners of the Gemini API Developer Competition!</p> <div class="glue-card__cta-custom glue-spacer-3-top"> <span class="glue-cta">21 de Novembro de 2024</span> <svg aria-hidden="true" class="glue-icon glue-icon--24px" role="presentation"> <use href="/glue-icon/#arrow-forward"></use> </svg> </div> </div> </div> </a> <a class="glue-card glue-carousel__item" href="/pt-br/firebase-demo-day-24/"> <div aria-label="Learn to build and run AI powered apps at Firebase Demo Day ‘24" class="glue-card__inner"> <picture class="glue-card__asset"> <img alt="Learn to build and run AI powered apps at Firebase Demo Day ‘24" src="https://storage.googleapis.com/gweb-developer-goog-blog-assets/images/Newletter_DayOf.2e16d0ba.fill-800x400.jpg"> </picture> <div class="glue-card__content"> <div class="glue-card__tags glue-spacer-2-top"> <span class="glue-label">Firebase</span> <span class="glue-label">Mobile</span> <span class="glue-label">Web</span> <span class="glue-label">Tutorials</span> <span class="glue-label">How-To Guides</span> </div> <p class="glue-headline glue-headline--headline-5">Learn to build and run AI powered apps at Firebase Demo Day ‘24</p> <div class="glue-card__cta-custom glue-spacer-3-top"> <span class="glue-cta">19 de Novembro de 2024</span> <svg aria-hidden="true" class="glue-icon glue-icon--24px" role="presentation"> <use href="/glue-icon/#arrow-forward"></use> </svg> </div> </div> </div> </a> <a class="glue-card glue-carousel__item" href="/pt-br/join-us-at-the-women-in-ai-summit-2024/"> <div aria-label="Join us at the Women in AI Summit 2024!" class="glue-card__inner"> <picture class="glue-card__asset"> <img alt="Join us at the Women in AI Summit 2024!" src="https://storage.googleapis.com/gweb-developer-goog-blog-assets/images/WAI-2024-Feature.2e16d0ba.fill-800x400.png"> </picture> <div class="glue-card__content"> <div class="glue-card__tags glue-spacer-2-top"> <span class="glue-label">AI</span> <span class="glue-label">Community</span> <span class="glue-label">Events</span> </div> <p class="glue-headline glue-headline--headline-5">Join us at the Women in AI Summit 2024!</p> <div class="glue-card__cta-custom glue-spacer-3-top"> <span class="glue-cta">22 de Novembro de 2024</span> <svg aria-hidden="true" class="glue-icon glue-icon--24px" role="presentation"> <use href="/glue-icon/#arrow-forward"></use> </svg> </div> </div> </div> </a> <a class="glue-card glue-carousel__item" href="/pt-br/federated-credential-management-fedcm-migration-for-google-identity-services/"> <div aria-label="Migração para o Federated Credential Management (FedCM) para os serviços de identidade do Google" class="glue-card__inner"> <picture class="glue-card__asset"> <img alt="Migração para o Federated Credential Management (FedCM) para os serviços de identidade do Google" src="https://storage.googleapis.com/gweb-developer-goog-blog-assets/images/12.2e16d0ba.fill-800x400.png"> </picture> <div class="glue-card__content"> <div class="glue-card__tags glue-spacer-2-top"> <span class="glue-label">Chrome Web</span> <span class="glue-label">Web</span> <span class="glue-label">How-To Guides</span> <span class="glue-label">Announcements</span> </div> <p class="glue-headline glue-headline--headline-5">Migração para o Federated Credential Management (FedCM) para os serviços de identidade do Google</p> <div class="glue-card__cta-custom glue-spacer-3-top"> <span class="glue-cta">13 de Fevereiro de 2024</span> <svg aria-hidden="true" class="glue-icon glue-icon--24px" role="presentation"> <use href="/glue-icon/#arrow-forward"></use> </svg> </div> </div> </div> </a> </div> </div>  <div class="glue-carousel__navigation" aria-label="Choose a page" data-glue-carousel-navigation-label="Selected tab $glue_carousel_page_number$ of $glue_carousel_page_total$"> </div> </div> </div> </section> </div> <div class="footer-linkboxes__wrapper"> <nav class="footer-linkboxes" aria-label="Links do rodapé"> <ul class="footer-linkboxes__list"> <li class="footer-linkbox"> <span class="footer-linkbox-heading"> Conectar </span> <ul class="footer-linkbox-list"> <li class="footer-linkbox-list__item"> <a href="//googledevelopers.blogspot.com" class="footer-linkbox-list__link"> Blog </a> </li> <li class="footer-linkbox-list__item"> <a href="https://goo.gle/googlefordevs" class="footer-linkbox-list__link"> Instagram </a> </li> <li class="footer-linkbox-list__item"> <a href="https://goo.gle/gdevs-li" class="footer-linkbox-list__link"> LinkedIn </a> </li> <li class="footer-linkbox-list__item"> <a href="https://goo.gle/gdevs-tw" class="footer-linkbox-list__link"> Twitter </a> </li> <li class="footer-linkbox-list__item"> <a href="https://goo.gle/developers" class="footer-linkbox-list__link"> YouTube </a> </li> </ul> </li> <li class="footer-linkbox"> <span class="footer-linkbox-heading"> Programas </span> <ul class="footer-linkbox-list"> <li class="footer-linkbox-list__item"> <a href="//www.womentechmakers.com" class="footer-linkbox-list__link"> Women Techmakers </a> </li> <li class="footer-linkbox-list__item"> <a href="//developers.google.com/community/gdg" class="footer-linkbox-list__link"> Google Developer Groups </a> </li> <li class="footer-linkbox-list__item"> <a href="//developers.google.com/community/experts" class="footer-linkbox-list__link"> Google Developer Experts </a> </li> <li class="footer-linkbox-list__item"> <a href="//developers.google.com/community/accelerators" class="footer-linkbox-list__link"> Accelerators </a> </li> <li class="footer-linkbox-list__item"> <a href="//developers.google.com/community/gdsc" class="footer-linkbox-list__link"> Google Developer Student Clubs </a> </li> </ul> </li> <li class="footer-linkbox"> <span class="footer-linkbox-heading"> Consoles do desenvolvedor </span> <ul class="footer-linkbox-list"> <li class="footer-linkbox-list__item"> <a href="//console.developers.google.com" class="footer-linkbox-list__link"> Google API Console </a> </li> <li class="footer-linkbox-list__item"> <a href="//console.cloud.google.com" class="footer-linkbox-list__link"> Google Cloud Platform Console </a> </li> <li class="footer-linkbox-list__item"> <a href="//play.google.com/apps/publish" class="footer-linkbox-list__link"> Google Play Console </a> </li> <li class="footer-linkbox-list__item"> <a href="//console.firebase.google.com" class="footer-linkbox-list__link"> Firebase Console </a> </li> <li class="footer-linkbox-list__item"> <a href="//console.actions.google.com" class="footer-linkbox-list__link"> Actions on Google Console </a> </li> <li class="footer-linkbox-list__item"> <a href="//cast.google.com/publish" class="footer-linkbox-list__link"> Cast SDK Developer Console </a> </li> <li class="footer-linkbox-list__item"> <a href="//chrome.google.com/webstore/developer/dashboard" class="footer-linkbox-list__link"> Chrome Web Store Dashboard </a> </li> </ul> </li> </ul> </nav> </div> <div class="footer-utility__wrapper"> <div> <nav class="footer-sites" aria-label="Outros sites do Google Developers"> <a href="https://developers.google.com/" class="site-logo-link" data-label="Site logo"> <img src="https://storage.googleapis.com/gweb-developer-goog-blog-cms-assets/f677f1b8-8552-4a23-83cc-57c36dbaf782/images/g-dev.svg" class="site-logo" alt="Google for Developers"> </a> <ul class="footer-sites-list"> <li class="footer-sites-item"> <a href="//developer.android.com" class="footer-sites-link"> Android </a> </li> <li class="footer-sites-item"> <a href="//developer.chrome.com/home" class="footer-sites-link"> Chrome </a> </li> <li class="footer-sites-item"> <a href="//firebase.google.com" class="footer-sites-link"> Firebase </a> </li> <li class="footer-sites-item"> <a href="//cloud.google.com" class="footer-sites-link"> Google Cloud Platform </a> </li> <li class="footer-sites-item"> <a href="//developers.google.com/products" class="footer-sites-link"> All products </a> </li> <li class="footer-sites-item"> <button aria-hidden="true" class="glue-cookie-notification-bar-control footer-sites-link"> Manage cookies </button> </li> </ul> </nav> <nav class="footer-utility-links"> <ul class="footer-utility-list"> <li class="footer-utility-item"> <a href="//developers.google.com/terms/site-terms" class="footer-utility-link"> Termos </a> </li> <li class="footer-utility-item"> <a href="//policies.google.com/privacy" class="footer-utility-link"> Privacidade </a> </li> </ul> <div class="language-selector footer" aria-label="Selecione seu idioma preferencial"> <button type="button" aria-controls="lang-selector-footer" aria-haspopup="true"> <svg role="presentation" aria-hidden="true" class="glue-icon lang-icon"> <use href="/glue-icon/#language"></use> </svg> <span class="lang-label">Português (Brasil)</span> <svg role="presentation" aria-hidden="true" class="glue-icon lang-icon"> <use href="/glue-icon/#arrow-drop-down"></use> </svg> </button> <div id="lang-selector-footer" class="lang-menu hidden" role="menu"> <ul role="presentation"> <li role="presentation"> <a role="menuitem" lang="en" href="/en/web-ai-summit-2024-recap/">English</a> </li> <li role="presentation"> <a role="menuitem" lang="es" href="/es/web-ai-summit-2024-recap/">Español (Latam)</a> </li> <li role="presentation"> <a role="menuitem" lang="id" href="/id/web-ai-summit-2024-recap/">Bahasa Indonesia</a> </li> <li role="presentation"> <a role="menuitem" lang="ja" href="/ja/web-ai-summit-2024-recap/">日本語</a> </li> <li role="presentation"> <a role="menuitem" lang="ko" href="/ko/web-ai-summit-2024-recap/">한국어</a> </li> <li role="presentation"> <a role="menuitem" lang="pt-br" aria-current="true" href="/pt-br/web-ai-summit-2024-recap/">Português (Brasil)</a> </li> <li role="presentation"> <a role="menuitem" lang="zh-hans" href="/zh-hans/web-ai-summit-2024-recap/">简体中文</a> </li> </ul> </div> </div> </nav> </div> </div> <script src="https://www.youtube.com/player_api"></script> <script src="//www.gstatic.com/glue/v27_1/glue.min.js"></script> <script type="text/javascript" src="https://storage.googleapis.com/gweb-developer-goog-blog-cms-assets/f677f1b8-8552-4a23-83cc-57c36dbaf782/js/dgc_blog.js"></script> <script src="https://www.gstatic.com/glue/cookienotificationbar/cookienotificationbar.min.js" data-glue-cookie-notification-bar-category="2A" data-glue-cookie-notification-bar-site-id="developers.googleblog.com"> </script> <script src="https://storage.googleapis.com/gweb-developer-goog-blog-cms-assets/f677f1b8-8552-4a23-83cc-57c36dbaf782/js/blog_detail.js"></script> </body> </html>

CINXE.COM

Resumo do Web AI Summit 2024: IA no lado do cliente para desenvolvedores - Google Developers Blog