Web 2.0: Best widgets for embedding photo galleries and videos

Emma Sterling and I are in the throes of designing a new website for our business, danimations, in order to better explain our range of digital media products and services. Along with the expected text-based explanations of our work, we also want to embed illustrative video clips and photo galleries throughout the site, with specific clips and galleries matched to various departments of our multimedia lives.

One of the main considerations (and where we went wayward with our old Flash website) is to make the new site easily adaptable, as the nature and scope of our business will inevitably change over time. Content will need updating, and the less fuss the task is, the more likely we are to keep our promotional materials to-the-minute current. This means developing a streamlined system for the management of photos, designs, illustrations, videos and text. Ideally, we want to be able to add and remove images from galleries, and swap video clips, without having to bone up on the latest CSS and .html coding memes.

I was delighted tonight to discover this modest little Flash-based photo gallery widget. Called PictoBrowser, it’s a free application, and the kicker for me is that it can turn a set, tag or whole Flickr profile into a custom gallery you can embed just about anywhere. It also works with Picasa portfolios, for those of you favouring that photo-sharing site. The simplicity of the code makes it obvious how to manipulate the dimensions of the embedded gallery, and that’s about all anyone would need to do before dropping it straight into their website. Another reason to stick with hosting images on Flickr is the way the sites content polls so well in Google searches. Don’t forget to think about how you title, tag and geo-tag your images, people!

Get the flash player here: http://www.adobe.com/flashplayer

On a similar front, we’ve been considering our options for the hosting and embedding of video on the new site. Our searching to date has lead us to using Viddler for our embeds 9at least for the time being). A site that tends to raise more eye-brows than rooves in Australian circles, user-uploaded content on Viddler can be embedded with a custom watermark (GIF or PNG file 150 x 100 pixels) uploaded by you. This replaces the glaring platform advertisement so indelibly printed on their competitors’ embeds, and can be changed at any time. It is superimposed over, rather than burned into the video data itself. The player’s button bar can also be customised and coloured to taste, making it a good choice for seamless embedding on sites of any nature or scale. You can see the Viddler player in action in our video widget, embedded in the top-right corner of our blog.

If you think you can top these tools with other great free or economical methods for displaying photos or video on your site without becoming a billboard for a 3rd party advertiser, please let us know… we’d love to hear from you. Oh, and if you’re a mad flickr user, and are looking for some extra tools to play with, take a look at The Great Flickr Tools Collection.

Facebook Comments

3 Replies to “Web 2.0: Best widgets for embedding photo galleries and videos”

  1. For video I just embed Vimeo clips in my pages, and for pics I’ve been using one of those java gallery things that pops up once you click on the a thumbnail — but I have to make the thumbnails and upload the pics to my site ๐Ÿ™‚

    I like that Flickr feed solution you’ve posted.

  2. Vimeo is a good sound choice for video hosting AO. Glad you found the Flickr tipoff useful. Makes updating pics on your site easy as pie ๐Ÿ˜‰

    Here’s another tip for you… get yourself a Gravatar, so you get a thumbnail image when you leave a comment here: http://en.gravatar.com/

  3. Pingback: PianoMan

Leave a Reply

Your email address will not be published. Required fields are marked *