360i/o

#web-audio – The incredibly powerful modern audio capabilities of the Web

Built by the Creative Labs team in London, Jam with Chrome was a hugely successful Chrome experiment that allowed users to form a band from nearly anywhere in the world and "Jam" like stars in near real-time. We will show you how we built Jam with Chrome using the latest web technologies and give you practical advice and guidance on how you can do the same. We will focus on the Real time WebSockets component, the session management system, and the music engine made using the Web Audio API--come learn how to "Jam."

Comprehending and navigating complex web pages is difficult already for readers with perfect eyesight, but much harder when relying on speech rendering only. The ChromeVox screen reader is specifically built to handle modern web content in all its richness. ChromeVox is Javascript-based and makes it easy for developers to make cutting-edge web applications accessible. We demonstrate the latest incarnation of ChromeVox that offers advanced navigation facilities for complex content such as tables and mathematical formulas as well as support for Braille and new HTML5 UI controls such as date/time, and media controls.

Building great, responsive mobile web applications means you have to be friends with the radio! We will cover how to build battery efficient mobile applications, how to get the best throughput, and how to plan for the various latency delays present in mobile networks. This talk is a radio crash course - aka, your HAM license for the mobile web - with a top-down overview of how a modern 4G carrier network works under the hood. Bring your propeller hat!

It's tempting to view CSS optimization as a dark art, for initiates only. This session will focus on identifying and resolving slow renders, with an emphasis on layout and paint times. We'll use Chrome DevTools to find, benchmark, and debug slowness in the render-side of an application. Uncovering a number of sluggish culprits, we'll explore where the time is spent and dig into profiling data from Chrome's internals. You'll walk away with a better understanding of how to use your time wisely while making your application scream with speed, and smart workarounds that address common CSS performance problems.

Chrome implements fast, powerful webpage rendering by using the graphics hardware (GPU). But powerful GPU rendering introduces a new suite of issues that web developers need to understand. For example, how often is the texture cache invalidated? How can using translate-z cause GPU performance issues? How do hidden divs affect the GPU compositing process? Attendees will walk away with a clear understanding of the GPU compositor in Chrome and knowledge of how their design choices will impact a page's performance on devices with GPU compositing.

Animations and scrolling at 60FPS: difficult! Let's talk about rendering performance by way of a couple case studies. We'll cover the basic challenge of smooth animation, approaches to finding the bottleneck in your application using Dev Tools, and methods to cope with some common pitfalls. Topics include Dev Tools rendering features, subtleties of CSS animation, common cases that kill scrolling performance, and a peak into the hardware acceleration model that underpins Chrome's graphics pipeline.

Building web applications often means utilizing other libraries, frameworks, and plugins. Using a package manager to mange this greatly improves your productivity, enhances the speed and security of your application, and makes it much easier to stay up to date. Forget tracking new releases of libraries on blogs/Twitter, manually downloading dependent scripts, and managing the files and folders of libraries you use. With package management, keeping your dependencies updated and discovering new and related projects becomes straight-forward. In this session, we'll dive into the value of client-side package management and bring you up to speed with the open source package manager Bower, which offers a rich ecosystem of packages. Plus, learn about the useful integrations with Yeoman, Grunt, RequireJS, and NPM.

This session builds on technologies and concepts discussed in a previous session, "Web Components: a tectonic shift for web development". This year web development gets a whole lot better thanks to the incredible power of Web Components. Our goal in this session is to show you how to use polyfills to help you realize tomorrow's web platform today. As browsers implement these new specifications, that shim layer gets smaller, better, and faster over time. We'll talk about shadow DOM, custom elements, declarative data/event binding, touch input, smooth animations, and how you can combine them to create awesome apps. Write less boilerplate, target every platform, and be more productive by using the next generation of the web platform.

At Google I/O 2012, Google handed over control of GWT to the community through the GWT Steering Committee. Now, one year later, come see what the exciting future of GWT will look like, as the GWT Steering Committee presents its future roadmap for GWT.

We'll cover the design decisions that drove creating AngularJS, the JavaScript framework that combines data binding, reusable components, dependency injection, and a host of other powerful capabilities for building modern web applications. Come join us and learn how to build extremely scalable applications that are fast to build, trivial to change and maintain, easy to test, and that clearly express your intent to all developers on your team.

WebRTC implements open standards for realtime, plugin-free video, audio and data communication. The core WebRTC APIs – getUserMedia, RTCPeerConnection and DataChannel – have now been implemented across Chrome and Firefox. In this session, we show you how to get started with building a WebRTC app: - what’s a MediaStream (aka getUserMedia) and how can I use it? - resolution constraints - signalling: what is it and how can I set it up? - servers: what do I need? - RTCPeerConnection: WebRTC’s most powerful API - RTCDataChannel: realtime communication of arbitrary data - integrating WebRTC with Web Audio - interoperability - security During the session, we talk through code examples, live demos and production apps.

WebP is a new, open-source image format which provides lossy and lossless compression of images with significant byte savings: 30-80% smaller image files when compared to jpeg and png! In this session we will cover the latest features, news, and future roadmap of the WebP format. We will dive into a few hands-on case studies and recount how large sites and applications deployed WebP, the challenges they faced in the process, and the benefits they saw and measured after the migration. In other words, a 0-60 primer on WebP: what it is, how to get started, the tooling, and the benefits - bring your propeller hat!

According to Cisco, video data will be 55 percent of all consumer Internet traffic by 2016. With that much data traversing networks, efficient video compression will be more important than ever, especially on mobile networks. We are very excited about the new VP9 codec, which delivers better video quality at lower data rates than competing technologies. Furthermore, VP9 was developed entirely in the open as a royalty-free technology. In this session you will learn how VP9 performs against H.264 and other other codecs in quality and decoding speed, how to create WebM videos with VP9 and the new Opus audio codec, and how to deploy VP9 content to Chrome users in HTML5 .

Meet the team behind Blink, Chrome's new open-source rendering engine. We'll give a brief overview of Blink from the inside; among other things, what's happened since our April launch, some of our future plans, and how we ensure interoperability across browsers. Most of the session will be reserved for your questions about Blink, feature development, and the web platform. Ask and vote for questions at http://bit.ly/blink-io

Meet the senior staff from the Web Platform team, the Front End/UI team, the Chrome Apps team, and the Chrome OS team. At this talk, you'll hear senior Chrome developers talk about future plans for Chrome and the web platform. You'll have the opportunity to ask them as many difficult questions as can fit in the time available!

Take advantage of the lessons learned by the developers of Find Your Way to Oz. Getting that last ounce of performance from your application takes careful optimization that can only be done with an understanding of the runtime environment. Learn how to dig into V8 and surface the important signals that you need to effectively optimize your program. Use these signals to find where small code changes can have large impacts on performance!