Are they trying to screw the web again? New York Times Double Click: Feature or bug?
May 04

Creating a Google TechTalk Showcase with the AJAX Search API

Ajax, Google, Tech Add comments

One of the great parts of working at Google is that every day there are tech talks that I really want to listen too. More than I can spend the time to actually see.

Last week I talked about Philip Wadler of Monad / Generics / general functional fame. Yesterday, Linus showed us his strong opinions. Next week, G. LaForge is in to chat about Groovy. This is a strong subset of the great talks.

We record these talks, and place them on Google Video for anyone to see. This is great content, and most don’t know it exists.

I wanted to build a nicer landing page for the tech talks, and built it entirely with the AJAX Search API.

The following is a mockup of what this can look like. If we launch it on Google Code it will have to be white, but I was having a black day:

techtalkshowcase.jpg

If you view-source you will see how it is powered by GvideoSearch, a nice low level JavaScript object that lets you programatically search our video content.

showcase.js has the JavaScript meat, and you will see that there isn’t much too it. In fact, the majority of the code is for setting up a lightbox overlay for when you play the inline videos, and other ugly DOM things.

There is a common misconception that the AJAX Search APIs are these widgets that you put on a page. In fact, the APIs give a full set of building blocks from the low level searchers such as GvideoSearch, to controls that wrap the searchers such as GSvideoSearchControl, and finally to wizards that will generate widgets for you.

Until I dove deep into the APIs I had no idea how much you could do, and it is fun to come up with use cases that allow me to build on top of them. You will see in this example that I have full control on the layout itself, and you do too.

4 Responses to “Creating a Google TechTalk Showcase with the AJAX Search API”

  1. Eric Hauser Says:

    Dion,

    Left nav needs fixed in IE7. Looks good in Firefox though.

  2. Parand Says:

    Dion, this is excellent. Once suggestion, however: currently clicking outside the video box after the video has started dismisses the video. I’ve already accidentally done this 3 times and it’s quite annoying. I’d suggest having an explicit close-the-video button as opposed to the current behavior.

    Very nice otherwise. Keep the black.

  3. Dion Almaer Says:

    Eric,

    Yeah, I need to fire up Parallels and do IE 7 tweaking :/

    Cheers,

    Dion

  4. replicahandbags Says:

    thanks for sharing

Leave a Reply

Spam is a pain, I am sorry to have to do this to you, but can you answer the question below?

Q: What is the number before 3? (just put in the digit)