This weekend is BarcampBrighton2, a grassroots technology conference organised and run by the participants. Over the last couple of days, we’ve been piecing together a special Greasemonkey userscript for the conference, which enables Yahoo Live users to broadcast live video as a group. We call it YLiveGroups.

» Install the script

We first used Yahoo Live at last month’s SemanticCampLondon and there was a great buzz of conversation from people who were watching from other countries, discussing the topics of the talks, asking questions and learning about the subjects.

For BarcampBrighton2, we’ll help people get broadcasting and we’ll use YLiveGroups to bring them all together. Viewers from around the world will be able to tune in and keep track of the many talks taking place.

Yahoo Live

Yahoo Live is an interesting new experiment. It makes it possible for anyone to create their own live video channel, available to anyone who cares to watch. As has been pointed out before, there is plenty of scope to increase its potential for social networking. YLiveGroups is our attempt to do just that with some rudimentary group functionality.

YLiveGroups

To use YLiveGroups, you will need to use the Firefox web browser, along with the Greasemonkey add-on. Then, install YLiveGroups and head on over to Yahoo Live.

At the moment, the only group available is BarcampBrighton2. However, we intend to develop the code so that anyone can create their own group. These groups could be used to tie broadcasts together at events, connect people around a single topic or simply bring together a group of friends.

Techie Details

In case you were wondering…

The userscript interacts with both the Yahoo Live API and our own simple YLiveGroups API. Our API uses XOXO microformat HTML documents to exchange data (as opposed to standard XML or JSON). The script then uses JQuery to interract with the XOXO documents and the web page that the user is currently viewing. Premasagar will be talking more about this in his presentation at Barcamp.

We’d love to work with other developers to take this project forward. If you’d like to get involved, or have any feedback at all, then please leave a comment here.

URL: www.bbc.co.uk/worldservice/bangladeshboat

Phew! We’ve been busy these last three weeks! From commission to launch in just 12 working days (and nights), Dharmafly has built a site for the BBC that explores social media and cutting edge Web technologies…

The Bangladesh River Journey is a mashup of posts from a BBC World Service trip to track the effects of climate change in Bangladesh. The trip lasts a month, with photos being posted to Flickr, messages sent to Twitter and journal entries made on the World Service site. The mashup puts all these posts on to a map, letting you navigate around and follow the trip.

The journalists are equipped with a GPS navigation device. Each time they visit a new location, they post their co-ordinates to the Twitter stream (e.g. this post). Our system then logs the coordinates and applies them to every photo, tweet and diary entry until the next location.

In addition to what you see in the browser, there are a number of gems hidden under the hood: microformats, geoRSS and an API. (Non-techie folk may happily skip this and proceed straight to comments :)

Microformats

Microformats are new, developing standards for adding extra meaning to the HTML of a web page. They create all sorts of possibilities for software (from search engines to browsers) to interact with the content in innovative and useful ways.

The HTML for each Twitter, Flickr and diary post in the Bangladesh River Journey is written using the hAtom microformat. This means, for example, that an RSS feed can be generated directly from the HTML on the page.

If you use the Firefox browser, you can explore other microformats on the Bangladesh Boat site, with the excellent Operator extension. You’ll find xFolk bookmarks, geo locations, hCalendar events, hCard contacts, xoxo lists and tagged links:

GeoRSS

The site’s RSS feed allows users to stay up-to-date with new posts, without needing to re-visit the site (we talked about using RSS in a previous post).

The feed is encoded with the geo coordinates of each post (this is called GeoRSS). Some interesting things can then be done with the feed, such as plotting it straight on to Google Maps:

API

Part of the task was to build an API – a way for web developers to access the data in the system, to create their own mashup applications. This will be promoted through BBC Backstage – the BBC’s hub for exploring new media technology. More about this soon…

Update: The Bangladesh River Journey API is now live on BBC Backstage. Inspired by Google’s addition of a Greasemonkey API to Gmail (via), we added an experimental Greasemonkey API to the Bangladesh River Journey site.

Update: We added KML as a data format to the API. This allows you, for example, to view the entire journey of posts in mapping applications like Google Earth.

Dharmafly & the BBC

It has been fantastic working with the BBC crew. Everyone has shown their good-nature and team-spirit… and nothing but excitement for exploring new forms of media in reporting events that matter to the world.

Our own team was:

• Me, as technical director and coder of HTML, JavaScript and additional CSS
• Annesley, who authored the rock-solid PHP / XSL back-end
• Pete, who scripted the water-tight CSS theme
• Mikel, who contributed mapping strategy and the out-of-the-box balloons

With thanks to Toby Travis, for JavaScript inspiration.

Update: This Project Won Awards

14th May, 2008

The Bangladesh River Journey was declared a Webby Awards Honoree and won the Sony Radio Multiplatform Award. See our later blog post for more information.