Forecaster: our experimental object-based weather forecast

We've built an object-based weather forecast and a prototype implementation of the back-end stack needed to deliver these types of experiences to a wide array of different devices.

Video: How Forecaster works.

Object-based media is essential if we want to be able to harness the full power of an IP based broadcasting system to provide a consistently excellent experience across all devices. Over the last few years, we have been putting in a great deal of work to ensure the interfaces, data models and architecture of this new IP based broadcasting system are fit for purpose, ensuring that we can continue to produce traditional content using this technology as well as paving the way for genuinely new experiences.

How object-based media differs from the traditional way of broadcasting content.

Building Forecaster

A weather forecast lends itself very well to this type of demonstration as it is a universally understood format and can be easily separated into its constituent components. To construct the experience, we took the recordings of Dianne and Clive, our presenters, delivering the forecast in front of a greenscreen.

This was then time aligned with the data stream containing the icons, the animation data to drive the WebGL globe and the subtitles and delivered as a package of related assets for rendering in the playback client. We also built a rendering system for flattening the experience to liner video for delivery to clients unable to run the webapp.

By recognising the device used to request the experience, a number of decisions can be made to tailor the media served back to the client. For example, a TV that is incapable of executing code or low-powered mobile device that can only play a basic video stream is recognised as such, and is served a simple, traditional liner stream. At the same time, a device that is requesting the experience through a modern web browser can be served the full-fat reactive experience with all the enhanced client-side features.

Audience experience

Even though there is quite a lot going on in the background, the experience, as far as the viewer is concerned, is just like viewing a regular video. After making the initial request, the page served back just looks very similar any standard media player window familiar to anyone who has used the BBC iPlayer.

What is different here, is that the whole experience is being built from all its different elements 'on-the-fly', and we can demonstrate some neat tricks by dynamically arranging this media (represented by the different blocks on the timeline), as it plays into the rendering engine.

Forecaster rendering engine

In the future, we'd imagine many of these parameters would be set automatically based on the previously stated preferences of the user, but in this case, explicit control makes for a more effective demonstration.   For example, here are some of the accessibility features, enabled by changing the styling of the background map, enabling the subtitles (which rearranged the on-screen graphics to avoid overlap) and replacing the regular presenter with a signer.

Forecaster with BSL signer in vision presenting the weather instead of the weather presenter.

As another example, the layout of the media can adapt to the screen size of the client device:

Forecaster on a regular TV/desktop display.
Regular TV/desktop display

Forecaster on a mobile display in landscape - slightly larger on-screen text (e.g. date and time, top right)
Mobile landscape (with slightly larger on-screen text)

We hope this has give you an idea of some of the benefits object-based broadcasting could bring, even to traditional programme types. Over the next few months, we will be building on this system and developing these ideas to allow for more complex compositions to be created, especially in the way these programmes are described and assembled in web browsers. See Matthew Shotton's blog post about our HTML5 video compositor for more detail.

 

Rebuild Page

The page will automatically reload. You may need to reload again if the build takes longer than expected.

Useful links

Demo mode

Hides preview environment warning banner on preview pages.

Theme toggler

Select a theme and theme mode and click "Load theme" to load in your theme combination.

Theme:
Theme Mode: