Google and Arcade Fire Get All HTML5y

The good folks at Google have published a very cool multimedia showcase for what’s possible in HTML5. Using music by Arcade Fire (the 21st century hipster equivalent of ELO), filmmaker Chris Milk has made an interactive video of sorts that spans multiple browser windows.

Eliot Van Buskirk has a full write-up, including an interview with Milk, over on Wired’s Epicenter blog.

The Wilderness Downtown,” features HTML5 native video and audio, canvas-animated birds that fly away from your mouse clicks, interactive SVG fonts, and photo panoramas from Google Maps Street View. You enter in the address of where you grew up and it pulls the images for that neighborhood. The neighborhood of my childhood home wasn’t available, so I opted for the section of Burlington, Vermont I lived in throughout college. It was creepy to see my old house in an Arcade Fire video.

Being Google-produced, the experiment works best in Google Chrome, of course. It had problems playing back properly in Firefox 4 beta.

If you have Chrome and can watch it, it really strikes a chord. It goes beyond all the HTML5 vs Flash dogma and presents what’s possible with these new technologies in a way which resonates on a level that’s more emotional and immediate than nerdy and intellectual.

So who do I talk to at Google about getting them to do one of these things for my band?

This post was updated at 2:45 PDT. The original incorrectly said it was a YouTube experiment. The site was created by the Google Chrome team, not YouTube.

See Also:


Chrome 7 Shows Off Hardware Acceleration, ‘Tabpose’

Google’s Chrome web browser will soon gain hardware-accelerated graphics — the latest trend for web browsers that has already shown up in early builds of Internet Explorer 9 and Firefox 4.

Hardware acceleration allows the browser to offload intensive tasks like image scaling, rendering complex text or displaying scripted animations to your PC’s graphics card. It has the benefit of freeing up the PC’s main processor and speeding up page load times.

Today’s faster graphics cards have created a new playing field for hardware acceleration. Microsoft has been trumpeting IE9’s accelerated capabilities since the first developer preview was released, and Firefox 4 will also take advantage of the new technology. Both of those browsers should be released before the end of this year.

Chrome 7, which is currently available in developer build form, is the latest browser to take advantage of hardware acceleration. Chrome’s tightly sandboxed rendering model — which prevents web pages from interacting directly with the OS — means that hardware acceleration is a little more difficult for Google than it is for IE or Firefox.

Of course it may be some time before any of these features make it to the stable release of Chrome. Chrome 5 is currently the shipping version and Chrome 6 — which features a considerably revamped interface — is currently in the beta channel. Thus far Google has not confirmed any release dates for Chrome 6, nor when Chrome 7 will move to beta status.

But If you’d like to test the early builds of Chrome with hardware acceleration, you can do so now. Grab the latest developer build of Chrome 7 and launch it from the command line with the new --enable-accelerated-compositing flag.

As with Firefox, the hardware acceleration features in Chrome are only available in the Windows version.

Hardware acceleration isn’t the only new trick up Chrome’s sleeve. The Mac version of the browser is also experimenting with something Google calls “Tab Overview” or Tabpose. Tabpose is similar to Mac OS X’s Expose; it allows you to visually pull back and see all your tabs as thumbnails and quickly switch between them.

Some early reports have compared Tabpose to Firefox 4’s new Panorama tab organizer, but Firefox’s version is considerably more sophisticated, with extra features like drag-and-drop organization and the ability to group tabs and switch between groups. If you’ve used both Panorama and Tabpose, the differences are obvious.

In fact, in the build we tested Tabpose was pretty bare bones, lacking even rendered thumbnails of the pages, let alone info bars, bookmark tools or other planned features.

Tabpose showcases another new feature in the development builds of Chrome: the ability to turn on Google Labs experiments. Just like in Gmail, the Labs experiments are interesting features created within Google that are meant more for niche tasks or hardcore geeks than the general audience. Some of them will eventually become real features, but for now they are just for testing.

So far, Tab Overview is the only experiment available for Mac, but the new about:labs page sets the stage for Chrome to add more experimental features in the future, and it sure beats launching Chrome from the terminal with loads of flags (which still works if you happen to prefer that method). Given that there are some 100 flags (or switches, as Google calls them) that you can throw at Chrome as it’s starting up, eventually the About:Labs page could become a very crowded place.

Windows users can head to About:Labs to activate a tabs-on-left experiment, which, as the name implies, shifts your tabs to a column view on the left side of your browser window, much like what Opera has offered for some time.

See Also:


Firefox Mobile Alpha Lands on Android

The first official pre-release version of Mozilla’s mobile Firefox browser for Android devices has arrived, the company announced Friday.

Curious users with phones running Android 2.0 and above, or with Nokia N900 devices, can download and install it right now.

Codenamed Fennec, Firefox mobile is based on the same code as the big daddy desktop version of Firefox. It supports the same web standards and it even accepts add-ons. It also syncs up with your other versions of Firefox, so your history, Awesomebar searches, auto-fill form data and passwords will be the same as you move from desktop to mobile and back again throughout your day.

One of the strokes of genius design in the Fennec browser is the unique side-to-side swipe action, which brings up menus for things like tabs, bookmarks and settings. It minimizes the browser chrome and leaves more screen real estate for web pages. This new version has the sync features as well as pinch-to-zoom browsing.

We’ve seen pre-release versions of Fennec running on Android in the past, but they were patchy and bare bones. This is a real-deal alpha release. It may not be entirely stable yet, but it’s come a long way since its meager beginnings.

In a blog post, Mozilla tells us about some of the secret sauce in this release:

The main focus of this release is to increase performance and responsiveness to user actions. This is being implemented using two major technologies, “Electrolysis” and “Layers.” This Alpha release includes Electrolysis, which allows the browser interface to run in a separate process from the one rendering Web content. By doing this, Fennec is able to react much faster to user input while pages are loading or CPU intensive JavaScript is running. The upcoming beta release will start taking advantage of Layers to greatly improve performance in graphic intensive actions like scrolling, zooming, animations and video. We’re also working to optimize these actions using the hardware-accelerated graphics rendering capabilities showing up in today’s mobile devices.

And here’s a video demo:

Last year, I took an in-depth look at Fennec for Maemo (mobile Linux) on the Nokia N900. It’s pretty sweet.

See Also: