17
Nov
google_music_android_geekdotcom

Wow.

I don't know what is up with Google and web design today, but hot on the heels of the Android.com revamp comes... this.

The Google Music Tour.

google-music-intro

I spent the first 5 minutes just hovering over the little colored lines, because the sound is just so cool. Each line plays a musical note; it feels like you're trying to call down the spaceship from "Close Encounters of the Third Kind."

If you can ever pry yourself away from the cool little mouse over noises, you can actually start using the website. It's the standard set of feature explanation videos, but the whole time you are building a song.

Your musical journey begins with clicking on one of the colored lines. One instrument from the song will start, and the line starts to move upwards, doing a waveform visualization thing in time to the music. Then it circles YouTube video and you learn something about Google Music.

music2

This isn't just any Youtube embed though, it's totally chromeless. There's no seek bar, or volume, or really anything - and there's rounded borders. Man is it pretty.

Then it's time to click another colored line, which adds another instrument to the music, and a 2nd waveform line to carry you along to the next video. It's all just so awesome.

dude

At the end of it, you are treated to the full song, with all the waveforms going at once. Did I mention they did all this in canvas? Yeah.. Google is crazy.

I want more of this, Google. More. Now.

via Dan Morrill's Google+

Ron Amadeo
Ron loves everything related to technology, design, and Google. He always wants to talk about "the big picture" and what's next for Android, and he's not afraid to get knee-deep in an APK for some details. Expect a good eye for detail, lots of research, and some lamenting about how something isn't designed well enough.
  • MidgetMe

    Not gonna lie, that was more fun than I thought it would be.

  • Joshua Wise

    I thought the sounds were so awesome, I created MP3's of them separately to use as notification tones!

    Here's a link to the download for anyone else!

    http://www.mediafire.com/?4j67bg6lhwp229h

    • https://plus.google.com/112472891043621983912 fooflamfinn

      Thanks, Joshua!

    • Nobody

      Fantastic! I might build an android app finally. I would like to make pairs or sequences of these tones on the fly for various apps. A whole set of sounds, but they can be unique to apps so you know whether or not to check your phone.

    • http://www.smelliertech.blogspot.com Owen

      cheers, there my new notification souds :-)

  • Barton

    Cool tune. Too bad I live in Europe.

  • David

    The "free" track is not downloadable at the end (for non-US residents). Too Bad.

    What artist / track is that?

  • David

    Maybe I need to learn to read :
    It's "Zero Gravity" by the "Teddybears"

    Did not find the track neither on Spotify or Amazon MP3 store. :(

    • Aaron

      It's for free to download on GOOGLE MUSIC :D

  • Zen

    You could grab the song in an OGG file that was playing at the end of the tour: http://music.googlevendorcontent.com/about/tour/assets/zerogravity.ogg

    • David

      Thanks!

    • ramtix

      thanks

    • David

      Just out of curiosity... how did you find out?

      There's a event listener on the "Play the song" button, but that it ends to aflashSWF.sendEvent('startFullSong')

      • Zen

        I opened up the Network Monitor under Developer Tools in Chrome. Refreshed the page and you can see that the song is already being buffered at the beginning of the tour.

        http://i.imgur.com/iOZ9Q.png

        • David

          I shouldn't have asked, I feel stupid know :)
          (thanks)

    • HeavyD

      Thx x1000 :D

  • Jon

    Hm...Doesn't load properly on Firefox, only on Chrome :?
    Also, the link to the song is on the market, which makes it unavailable...if it was on Google Music (and you already had your account made previously using a proxy), it would have worked nicely :(

  • Loranz

    I wish they'd open it to all countries! That was awesome!

  • SK

    Awesome presentation. I check "is this Flash" and realized it's all HTML5 (?) and thought that was cool.

    Catch tune too. The best presented Google website so far!

    • David

      I agree, it's totally awesome.

      (but it seems like there is still some flash parts. Looking at the source code, at least the full song play is done with flash).

  • http://phone-size.com pkwarts

    Yes, there is still some Flash. If you disable the plugin in your browser, it will not load.

  • Roi

    Thats awesone! :)

  • Andrew

    We're sorry. Google Music is currently only available in the United States

  • James

    That is incredible! Really fun actually.

    Also thank you for that movie reference, I've been wanting to watch that movie forever!

    Is that the only movie that has that kind of tune playing? (Hover over the first two quickly, wait a second, then play the rest)
    Its from a movie, i'm wondering if its also from another movie aside from close encounters.

  • Calum

    All that effort just to advertise a lame MP3 store. They can't have much faith in it.

    • GraveUypo

      that only goes to show you know absolutely nothing about advertising.

  • Sam

    The best part was that non US residents like myself could listen and do the tour. I actually really enjoyed both the tour and the track! Can't wait till Google starts seriously putting their services worldwide!

  • dwc

    close encounter of the third kind tune, nice.

  • Feltron

    It is a free track on Google music as well

  • http://www.grantbarker.com Grant

    Very very cool.
    The Power of Google
    NWO Baby.

  • Blake

    Just noticed the tones sound completely different and BETTER in firefox rather than chrome. Check it out!

Quantcast