Yahoo! Flash (R) Blog

Yahoo! Pipes + Flash: Smokin’ Good

You’ve probably heard the buzz about Yahoo! Pipes, a powerful and easy tool for mashing up data from across the Internet. But did you know that Pipes is one of Yahoo!’s Flash-friendly properties? Our buddies at Pipes have generously deployed an open crossdomain policy file, giving all Flash and Flex developers access to the raw Pipes output. Just like with Flickr (see Allen’s post), there are no security worries, no roadblocks, and no limits to what you can do with the Pipes data. Pipes can even be your proxy for grabbing data from places that aren’t themselves accessible using Flash (although some sources may prevent Pipes from accessing their data—you’ll want to make sure a particular data source works with Pipes before using it.)

If you haven’t tried Pipes, definitely check it out. It has an intuitive visual interface that allows you to import and manipulate data from across the web, with zero coding skills necessary! Want to mash up all your favorite RSS feeds into a single super-feed? How about checking Flickr images against recent news articles? Whatever you create, you can export to your preferred format, ready to view in a reader or, as shown below, in your own interface built with Flash or Flex.

Once you create a pipe or try one of the many already available, you are just a couple of steps away from using that data in Flash. In the example below, we are using a simple pipe that aggregates some news feeds. First, let’s run the pipe and choose More Options > Get as RSS.

Notice that the URL you get is of the form http://pipes.yahoo.com/pipes/pipe.run?somepipe&_render=rss. That’s almost the URL you’ll use to retrieve the XML data, but not quite. For security purposes, most of Yahoo! APIs use *.yahooapis.com as the API entrypoint. So once you replace pipes.yahoo.com with pipes.yahooapis.com in that URL, you’re in business (note that there’s no crossdomain on pipes.yahoo.com, but there is one on pipes.yahooapis.com—that’s what’s working the magic.) Now, if your pipe has any parameters you need to include, just build out the URL as needed and send it along.

Here’s a really simple example in Flex that uses the pipe described above.

Please install Flash 9 to see this example.

Check out the source here.

Find conversations: bloglines | technorati

Share: on Yahoo! My Web | on del.icio.us | digg it! | reddit!