Submitted for Judging

Favorites (0)



SongGrab is a "Massively Multiplayer Online Music-Playing Game". You hear music and see a picture of yourself in a webcam view. You have to guess which out of 4 titles you are currently listening to. You choose by waving with your hand over the title you think is right.

It is so multiplayer, you can theoretically play it with an unlimited number of people.

Webcam View

The login is implemented via Facebook, so we have the user's picture and name. For a more social experience we implemented achievements and scores which are published to a user's timeline. If somebody is alone, it is possible to invite friends via Facebook as well.

Facebook Achievements



Frameworks / Components

Raw Webcam Data

Raw Webcam Data

Two HTML5 canvasses are used: the first simply shows the webcam feed. The second is hidden and tracks the difference between the current and previous frame. White pixels are for changes. If there are enough white pixels in the album cover area, this title is chosen.

Realtime Communication

We implemented the realtime communication via websockets, which is rather easy, thanks to node.js.


Klaus Breyer