Categories
Interactive Video Journalism Live Web Mobile Projects

The Urban Explorers 2009 video interface

The Urban Explorers video interface (live report) from Wilbert Baan on Vimeo.

For the music and art festival Urban Explorers festival I made a special video interface. During the festival reporters uploaded video with their mobile phones. The video was categorized on artists, venues and makers based on the video title. The project used the Blip API.

Give it a try.

Video interface for the Urban Explorers festival 2009

The report was done by Eclectro.nl reporters. I was supposed to be a reporter as well, but missed the festival because of the birth of Benjamin.

The process of building the interface can be found here.

Categories
Interactive Video Live Web Notes

Interface experiments for a new live report

Over the last few years I’ve worked on different live reports for different kind of festivals. I like what you can make with (almost) realtime information based on the API’s of other services. For the Urban Explorers festival in May this year I started working on a new interface.

The amount of aggregated information can be overwhelming for people, so I’m looking at how can you keep it understandable for new visitors. Or in the case of Urban Explorers for people who never visited or will never visit the festival. UE is a music and art festival that takes place in different venues in the city of Dordrecht.

Blip API
The idea is to start working with the Blip API. And cover the festival with an interface that only shows video. There will be Twitter coverage and blog posts, but the idea is to create a narrative that can be sorted based on people, performances and maybe venues.

I haven’t exactly figured out what it should look like, but just started to make some interfaces to see what works and what doesn’t. I you have ideas or great examples, please share them in the comments.

Last week the Next Web conference was organized in the Netherlands. This tech conference generates a lot of online media like tagged twitter messages. And was a perfect try-out for working with streaming video and twitter. I combined some old scripts and designs and made https://www.wilbertbaan.nl/thenexthack.


The Next Hack from Wilbert Baan on Vimeo.


The Next Web live video + tweets experiment – Yunoo presentation from Wilbert Baan on Vimeo.

I looked at a full screen interface that could work in a pop-up or fill your entire screen. It looks a bit like my old videoblog (https://www.wilbertbaan.nl/videoblog/index.html). I like these type of interfaces for live events because they are more experience based (click on what you see) instead of search based (like youtube).


Interface Experiment 1 from Wilbert Baan on Vimeo.

I started moving the video, since all tag result pages will give different amount of results the blocked interface looks nice, but it has limits in what it can show. And it looks weird if you haven’t got enough video to fill the entire interface. Both interfaces below are completely dynamic and can show only one item or 30.


Interface Experiment 2 from Wilbert Baan on Vimeo.


Interface Experiment 3 from Wilbert Baan on Vimeo.

I just make interfaces
It’s amazing that all those examples are made on top of infrastructure of other people. Blip is perfect because multiple people can send video using a mobile phone and I can get the source files from the server using the Blip API. It’s pretty weird how much difference you can make with only interfaces.

Last.fm Lovewall
Last year I made the Last.fm lovewall. A bluetooth based installation that matches people based on Last.fm data. This installation or something different build on this technology might find a spot at the festival as well.


Eclectro Last.fm Lovewall (interactive bluetooth installation) from Wilbert Baan on Vimeo.

Categories
Interactive Video Live Web Online Identity The Social Web

The Value of Portable Social networks

CNN / Facebook
CNN videostream with Facebook integration (zoom)

The Obama inauguration was broadcasted everywhere. Every upcoming video sharing-, hosting- or distributionservice did something around the big Obama event.

I think the most exiting and successful combination was what CNN did together with Facebook. CNN had a high quality live videostream with Facebook updates from your friends talking about the video stream.

The power of distribution
Current TV
Current TV on the web (zoom)

Current TV was also broadcasting the event on television and used Twitter. Which is great for television, because television is a one-to-many medium and you can easily interact with the television by using a Twitter client on your phone or laptop.

Facebook was the best option for the web. Watching video on the web is more a personal and more interactive experience. This is what Facebooks adds. You’re watching the stream, not with the world (like Twitter+TV) but with your friends/contacts.

The computer is much more personal compared to a television and thus the interaction should be more personal as well. My social network is not your social network. It’s a distributed conversation.

Portable Social Networks
These kind of combinations or applications can only be created if social networks are (partly) open and allow services like CNN to use the network. For this event CNN didn’t create conversation tools, networks or any other infrastructure. They just connected the dots of Facebook to the dots of what they do best. Making live television.

This is what happens when services open up. You get the best of both worlds. Portable social networks are the future.

NY Times
NY Times
The New York Times homepage (zoom)

Ustream
Ustream
Ustream (zoom)

Joost
Joost
Joost (zoom)

Categories
Interactive Video Live Web Notes

Castrol Perfomance Index, for those who love live statistics

Castrol Performance Index screenshot

Note: this post ended up in my drafts and should have been posted during the European Championship, sorry :)

Statistics are wonderful and the web as a central mechanism to connect databases creates a great mechanism to share and interact with data.

One great example of statistics is the Castrol Performance Index. For this European Championship the Castrol Index distributes all the games data live on the web. You can immediately see which player played where and how they are doing.

You can compare players, ball possession, shots on goals and more. All this information is live during the game. The exciting part of these kind of websites is that they add something to television that only the web can add. It doesn’t make it more interactive, but it does give it more information depth.

Suddenly the game that looks so simple gets a new layer of data and statistics. I didn’t know that for example the Dutch goalkeeper van der Sar already ran over 1300 meters in the first 34 minutes. Did you know that most of the players run around 10 kilometers during a game.

I can see that players that should be attacking spend most of their time on the wrong part of the field. This information adds context to the video footage, and it is context only interactive media can add. I don’t have to see this data all the time, I can just open it when I’m interested in how the players are doing.

I don’t know if this is what interactive television should be, but I really like how this is adding an extra dimension to live footage.

See also this earlier example by the Dutch Broadcaster NOS

Categories
Interactive Video Live Web Music Notes

RGBoy performing live @ Eclectro


Eclectro Directo: RGBoy live concert from Jan Dybala JD Video on Vimeo.

Once a month we organize a webcast at Eclectro. We use the website Ustream to broadcast a DJ-set or concert live from the DJ his living-room. All the DJ needs is a computer, webcam and internet connection.

Last friday the RGBoy-chiptune-heroes performed in front of the webcam. They performed a live gameboy concert including visuals. The entire performance was broadcasted live from Myslowice, Poland.

A chiptune, or chip music, is music written in sound formats where all the sounds are synthesized in realtime by a computer or video game console sound chip, instead of using sample-based synthesis. (Wikipedia)

The video above is a compilation from fridays performance. The tracks RGBoy plays are; my new PT82, super muter, secret level, 1980.

RGBoy live in your living room

During these performances we invite viewers to use the Ustream chat-box. This increases the ‘live experience’ and enables contact between viewers and performers. The talks are often about technical problems, quality, track titles, personal matters or just to tell how great the artist is.
Chatbox Eclectro Directo

Utrecht meets Chicago
The next Eclectro Directo live performance will be friday the 30th of May. This time we will use the Mogulus website. Since this will be a live performance broadcasted simultaneous from two locations. Maurice Dohmen [moos] based in Utrecht, Netherlands takes care of the sound and visual artist Jorrit Poelen based in Chicago, USA takes care of the visuals.

Eclectro Directo Live: May 30th, 20:00 (Amsterdam time) / 1 PM Chicago Time


Eclectro Directo promo from Wilbert Baan on Vimeo.

Are you an electronic artist / producer / DJ and would like to perform live for the Eclectro webcam, let us know.

Categories
Experiments Interactive Video

Your experiments are valuable

Hart en Ziel article

Last week I made the Aphextwinalizer, a Flash gimmick that uses your webcam to show your photo on the cover of your favorite record. I made it as an experiment. It didn’t take long and I wanted to experiment with Flash, webcams and screenshots.

A colleague had seen the experiment and heard about an article that would be published in todays newspaper. The article would be about the suggested burqa-ban and what partial face covering does to open communication. The motivation behind the burqa-ban is that it obstructs open communication.

The colleague suggested if she could use the aphextwinalizer for this. We took the pictures from the article, photoshopped the journalists face out of it and turned it into an online test. “How does your face look when parts of it are covered?

Just a gimmick, but since the source file was already there it only took a short amount of time to edit the photos and turn this into an interactive extension of the article. We would have never made this if there wasn’t the experiment in the first place.

Bruce Mau
From the incomplete manifesto for growth by Bruce Mau Design.

4. Love your experiments (as you would an ugly child). Joy is the engine of growth. Exploit the liberty in casting your work as beautiful experiments, iterations, attempts, trials, and errors. Take the long view and allow yourself the fun of failure every day.

Hart en Ziel webcamtest

Hart en Ziel webcamtest screenshots

Categories
Experiments Interactive Video Projects

Just having fun with flash and a webcam, the result: Aphextwinalize me!

I like how easy it is to control a webcam inside flash. A lot of people have a webcam and the flash plugin so you can easily use it for a project or website.

I already did a few experiments with webcams.

  1. Fade in- fade out, when you stop moving you will fade out.
  2. Time for time. Based on the first experiment this is an installation that will only give you time when you give it time. You have to stop moving.
  3. The third experiment I did used motion detection and connected fading logos to motion.
  4. For eclectro we started doing DJ-sets using webcams and the Ustream service, I was the first to play.
  5. A few years ago I made a short video about war. I recorded television with my webcam and changed meaning.

This is experiment 6. The Aphextwinalizer. With this webcam application you can make a screenshot with your face on your favorite record cover. Right now there is just one cover by Aphex Twin. I will post this also on the Eclectro blog and ask readers for other great covers, so I can extend the application.

The application
A screenshot of the application, make your own cover at www.wilbertbaan.nl/aphextwinalizer/, have fun.

Help me to make it better
I’m looking for more great covers, if you know a great one, please let me know by leaving a comment with a hyperlink to the image. The minimal resolution should be 500 pixels width/height. And it should be possible to cut out the face.

How the Aphextwinalizer works
The original album cover