September 2, 2010

Make your Videos playback faster with S3/CloudFront

In our class today for members (sorry this is not for Day Pass users), I am going to walk you through the key steps in using S3 and CloudFront to deliver your rich media files in RapidWeaver (in my example today we are using video)

Now , I have been using S3 ever since it was first launched a couple of years ago in addition to the more recent CloudFront service. The initial videos we delivered when starting SupportCasts were delivered over S3. However, we now use a commercial CDN offering too but our image storage is handled by S3 for all those who want to know.

Whilst I will not go into the boring details of signing up , if you have an Amazon.com account you are almost there as these are extra add-on services. What I will show you is the following:

  • S3 setup with the AWS management console
  • bucket creation
  • File permissions
  • configuring CloudFront
  • using the media file in RapidWeaver.

After going through the initial setup,  using S3 is a breeze and you will find it is a useful addition to compliment your web hosting which may not be so hot in delivering rich media in other words not great bandwidth throughput and general scalability which is always a problem with shared hosting. Not unless you running your own VPS ;)

Brace yourself for a nice 18 minutes of geeky fun, mistakes and all, and let us know what you think about delivering your videos over CloudFront/S3 (c’mon folks it was a rainy Sunday afternoon here).

Have fun and remember this lesson is only available for 6 and 12 month memberships.

Please Login or Register with SupportCasts to view the rest of this content.

RWBasics015 – Blog Page Style

This video tutorial is the start of a multi-part series on the Rapidweaver Blog page type. Part one covers the Page Inspector setup for the Blog except for the Advanced Tab. Things like Podcasting and iTunes setup which will be covered in the next part.

This is the 15th tutorial in the new updated series.

Please Login or Register with SupportCasts to view the rest of this content.

jQuery Animated Headers – Nivo Slice Animation

In this video tutorial we will look at changing from using the Cycle jQuery Plugin to the Nivo Slider for a different effect. It’s easy and gives you a few more options. Make sure you have seen jQuery Animated Headers Part 1 and Part 2 for the foundation to what I am doing here.

Please Login or Register with SupportCasts to view the rest of this content.

jQuery-Animated Header Images – Part 2

Part 2 of our Mini Series on jQuery animated header images. No Flash required! ;-) (sorry Adobe…) In this tutorial I will solve the “ugly page load” issue.
Please Login or Register with SupportCasts to view the rest of this content.

jQuery-Animated Header Images – Part 1

Part 1 of our Mini Series on jQuery animated header images. No Flash required! ;-) (sorry Adobe…) In this video tutorial I go over a bit of history of what works and what issues arise from previous installations. We get the animation working and solve one of two issues. In Part 2 I will solve the “ugly page load” issue.

Please Login or Register with SupportCasts to view the rest of this content.

CSS010 – Custom Stylesheet

Have you ever wanted to take all the custom css and consolidate it? In this video tutorial we show you have to take all the css common to all pages of the Rapidweaver web site and place it in an external stylesheet. One change to that sheet will effect all pages of the site you specify.

Please Login or Register with SupportCasts to view the rest of this content.

RWBasics014 – Photo Album

The Rapidweaver Photo Album page style can help you make great looking photo albums or slideshows quickly and easily. In this video tutorial we show you how to setup the iPhoto Album or a Custom Album.

This is the 14th tutorial in the new updated series.

Please Login or Register with SupportCasts to view the rest of this content.

RWBasics013 – Quicktime Movie Page Style

This Quicktime page style allows you to add a single movie to a single page in your website. You can set it to autoplay, show/hide controls, help protect it from being saved online by others (kiosk mode) and save for “fast start”

This is the 13th tutorial in the new updated series.

Please Login or Register with SupportCasts to view the rest of this content.