• Add to Collection
  • About

    About

    Concept, UI/UX and Coding for 'Community, Activism and the Downtown Scene', an independent documentary by Cristiane Bouger – 2006
    Published:
Here is a very dear project to me: the hotsite for indie doc 'Community, Activism and the Downtown Scene', directed by Cristiane Bouger. We're talking 2006, when Flash was cool and 1024x768 was king – keep that in mind. The concept was to build an experience like when you sit at a coffee shop, waiting for someone, and starts to hear other people's talks around you. Your attention just jumps from one to another wherever you hear an interesting keyword. That's what happens here with two videos running consinuously, side by side. You start hearing both, very low, in the background, but when one of them takes your attention – and you roll the cursor over it – its sound gets higher and the video plays in a bigger part of your screen...
When you hear something interesting on the other side, just roll the cursor there...
And if you want to know more about the movie, take you cursor over the gap between the videos...
It rolls like the ending credits of the movie, according to the position of the cursor...
That was a fun and entertaining way to make people to know some of the artists and to make people actually go to see the movie. It was quite unusual for that time, specially considering the bandwidth – the reason why the videos are looking so crappy for today's standards.
I like this project so much that last year (2015) I started to rebuild it using current technology – nevermind the videos (but if you like it, they came from another project: Tangerine Sessions).
You already can see some subtle differences here and there in this prototype. I'm using html, css, js and youtube playlists...
But one of the key elements of the original version was that the sound of each video was in a different channel (left and right) and that – when you have stereo speakers or wears a headphone – makes a huge difference in the experience. Till now I wasn't able to find a solution to this problem.
But there is another big problem without solution: mobile. It kind of works right now, but there is a limitation – in the platform, I believe – that does not allow simultaneous video playbacks in the same page. I hope that with those new implementations of multitask, both on iOS and Android, will make it possible in the near future.
Well. I hope you've enjoyed the ride. And if you know anything about sound channels in html/js/youtube and simultaneous video playback on mobile platforms that can help me to fix these problems, please let me know. :-)