Online videos with FLASH!

Oh yeah...Flash is that good

Flash

Flash over the last 15 years has built up a huge base of developers and clients therefore there are so many programs and sites featuring this nifty component. It is powerful, flexible and boasts features such as online video streaming, hardware acceleration, 3D effects, advanced test support and dynamic streaming for online videos.

Advantages:

  •  For web designers wanting to create interactive sites Flash offers a dependable record of speed and security.  Flash runs on: Microsoft Windows, Linux, Android 2.2+, Mac OS X, Google TV, RIM QNX and even gaming consoles such as PS3 and PSP.
  •  Flash trumps other applications, because it is compatible with various browsers and all it takes to set it up is a simple download and installation of the Flash app. Most infrastructures support Flash.
  • Interactive Flash maps displays floor plans, street maps, locations of offices etc.
  • Flash offers web cam and DRM support which HTML5 does not.
  • Flash supports for inline advertising (important for video monetization) and branding opportunities are created as Flash has highly customizable video player skins.

Disadvantages:

  • Users have complained about the high CPU usage of Flash for videos, especially users on Mac OS X and Linux. CPU spiking up to 100%, resoure hogging and crashes are a few of the complaints.
  • Although creating Flash websites with Adobe is easier than integrating HTML5 into a site, Adobe software is very expensive.
  • Flash has a lot of security and exploitation issues.
  • Flash uses proprietary code – Actionscript and building a Flash video player is complicated. To make use of the full feature ability of Flash, developers must specialize in Actionscript.
  • Embedding a video into a web page has loads of code.

Publishing a video using Flash:

Flash like every other Adobe invention is really simple to use and its all about putting the right things in the right places. Open Flash and a new Actionscript 3 document. Save this document in the same folder as the video you want to publish. Now you add your video to the white empty stage open on Flash by clicking in the toolbar file>import>import video. You then browse for your video, load it externally with playback component, choose a skin and click on finish. Check the video format to see if it’s compatible with Flash formats, fortunately Flash accepts a very wide range of formats. If your video format is incorrect then click on this link to find out how you can convert it using Adobe Media Encoder.

Once your video is on the stage and it is the right format (if it’s the wrong format then you have converted it)  you can then modify the size of your stage on the properties panel. Adjust the width and height to fit the size of your video clip. Once that is done simply click file>publish and your video is up on Flash.

Now we want our Flash file up on our site right? Remember the file that houses your video and your actionscript 3 document you created on Flash? Well once you publish your video those and other swf documents will be in the folder (it is CRUCIAL that they all stay in the same folder). You need those 3 files:

  1. Your video
  2. Your skin (swf)
  3. And the swf file that is your video player

Good? Good. Now you take your video document and simply drag it onto a html document in Dreamweaver – the rest just magically happens!

Advertisements

About nicobaleng

My paradoxical love for the web is feeling immense freedom while confined to a seated position behind a desk. This is what the world wide web has to offer. Learning about the latest technological toys or playing around with programs sounds like nerds-play, but once you start exploring, the pc monitor in front of you becomes less and less intimidating. Tracked and documented I will share the journey of an average Joe like me, moving up toward achieving a black belt in web design! KAPOW!

Posted on October 17, 2011, in Uncategorized. Bookmark the permalink. Leave a comment.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: