Using flash animations in any internet site will bring liveliness to the web experience but is also engaging for
the visitor whilst getting your message across.Animation can be used to showcase a new product or bring a 3d experience
to your logo. Interactivity on the web has taken the internet experience to a new level, and flash animation can really
help your business take advantage of this marketing shift.

Also, inserting a flash movie into a HTML web page is now quite easy, give you video a name, you can use an flv or
swf flash animation format,open the HTML page where you want to insert the flash animation, and then insert some code.
Example of code is
<object width=”550″ height=”400″>
<param name=”movie” value=”somefilename.swf”>
<embed src=”somefilename.swf” width=”550″ height=”400″>
</embed>
</object>

Then type in the address of your HTML page into your web browser and view your flash animation video.
Anistock has 1000’s flash animations, all royalty free which are ideal for web pages, presentations and multimedia use.

Bookmark It

Hide Sites

All our Animated backgrounds come as flash animations or in QuickTime formats. Plus with prices starting at less than $1 per animated clip, its never been easier or cheaper to brighten your creativity.

Bookmark It

Hide Sites

Creative Flash Animation

Have you noticed how moving your mouse over a picture on Bing changes the frames? That’s flash animation at work. You only need to click your mouse or swipe it over an image to experience an extraordinary animation experience.

To view flash images on your PC, if you don’t already have just download a Flash Player. You can observe fast cars revving up to screech across your screen in an automobile advert. You could see butterflies flickering across a meadow in a tourism site. You could manipulate a ball onscreen. The creative possibilities are limitless.

Attractive Advertising

Animation makes advertising command attention on your website. That’s great if you’re depending on the residual income stream of advertisement banners. It’s a fantastic way to beef up your affiliate marketing program. An attention grabbing flash animation gets more ad clicks. And that translates to steady revenue for you.

Flash Software

Macromedia is the industry leader in flash animation software. You could really get your creative juices flowing with object motion animation. Make your images morph, transit, explode or implode, blur or slip into one another. Flash is very popular in the movie industry to create astonishing special effects. Television and the web media use flash animation extensively. You can incorporate online cartoons with flash animation. You can even fill your animation with audio and music. MMS and video games feature flash for the increasingly tech savvy consumer.

Flash Animation Libraries

Stock flash animations can also be purchased online from royalty free animation libraries, these are inexpensive and most come with simple code instructions to publish to your website. A google search will give you a number of sites to get you started.

Flash animation in the creative process has flooded modern technology with fantastic viewing and web experiences. Creative designers have proven that flash animation can be used in countless ways to enhance any creative project.

Bookmark It

Hide Sites

In this exercise, you insert an FLV file with a controller into a supplied web page in several easy steps.

You have two options when you insert and display an FLV file in your HTML documents using the Flash Video component:

• Progressive Download Video: If you choose this video type, the video is downloaded to the user’s hard drive, but starts playing the video before it finishes downloading. The video is downloaded from beginning to end, unless the user closes the connection before the download is complete. The user must have Flash Player 6 r65 (or greater) installed to see videos encoded with Sorensen Spark (included with Flash MX Professional 2004 and its standalone encoder). The user must have Flash Player 8 installed to see videos encoded with the On2 codec. For more information on which versions of Flash Player work with the different video codecs, search “on2 VP6 video codec”(with quotes) in Macromedia Flash 8 Help (F1).

Note: The FLV video included with the article source files uses the Sorenson Spark codec, and can be viewed with Flash Player 6 r65 or greater.

• Streaming Video: If you choose this option, the video starts playing after a short buffer period, when a small amount of data downloads to the computer to ensure smooth playback. You must have Macromedia Flash Media Server available if you select this option. The user must have Flash Player 6 (or greater) installed to see your video, assuming it uses the Sorenson Spark codec.

Depending on which video type you select in the pop-up menu the following steps will vary slightly. For this tutorial you use the Progressive Download Video option to display your video files.

1. Launch Dreamweaver 8. Choose File > Open from the main menu and select the video01.html file within the chickens folder.

2. In either Design view or Split view, position your cursor within the editable content region and delete any existing text, such as “[insert video here] .”

3. Select Insert > Media > Flash Video from the main menu to launch the Flash Video Component.

4. Select Progressive Download Video from the Select video type pop-up menu, and the appearance of the Flash Video dialog box changes to show the following options for this format:

   • URL: Specifies the URL of the FLV file to embed in your HTML document.

   • Skin: Specifies the URL of the skin to load.

   • Width: Specifies the width of FLV display.

   • Height: Specifies the height of FLV display.

   • Constrain: Maintains the aspect ration of the video if the width or height text boxes change the corresponding value.

   • Detect Size: Detects the dimensions of the FLV file and automatically populates the Width and Height text boxes.

   • Auto play: Specifies whether you play the video when the web page opens.

   • Auto rewind: Specifies whether the playback control returns to the starting position after the video finishes playing.

   • Prompt users to download Flash Player if necessary: When selected, this option embeds the required JavaScript code to detect users’ Flash Player version and prompts them to download a newer version, if necessary. If this option is not selected, the Message text box is disabled.

   • Message: A message displays if a user’s current Flash Player version isn’t high enough to view the Flash content.

Figure 3. Specify your options in the Flash Video dialog box.

1. Click the Browse button next to the URL text box. Navigate to the farmsite directory on your hard drive, select chicken01.flv from the videos folder, and click OK.

2. Select a skin from the Skin pop-up menu. For this exercise, select Clear Skin 3. The area below the Skin pop-up menu shows you a small preview of the specified skin’s controller. Click the Detect Size button so Dreamweaver calculates the width and height of the current FLV file automatically, and then populates the text boxes with the correct dimensions of the video.

Figure 4. This video controller uses the Clear Skin 3 skin.

1. Select the Auto play check box if you want the video to play automatically after the page loads. You need to ensure the Auto rewind check box is enabled if you want the video to return to the first frame after it completes.

2. Click OK to apply your settings, and Dreamweaver generates and inserts code that you need to embed the selected video into this web page. Embedding an FLV file and a player adds 8 lines of HTML code (provided that the Prompt users to download Flash Player if necessary check box was not selected), which configures the Flash Video component based on your selections.

Based on the settings that you chose for this exercise, Dreamweaver inserts the following code into your document:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
  codebase="http://download.macromedia.com/pub/shockwave/
  cabs/flash/swflash.cab#version=7,0,0,0" width="320" 
  height="240" id="FLVPlayer"> 
  <param name="movie" value="FLVPlayer_Progressive.swf" />
   <param name="salign" value="lt" />
   <param name="quality" value="high" />
   <param name="scale" value="noscale" />
   <param name="FlashVars" 
    value="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName
    =../videos/chicken01&autoPlay=false&autoRewind=false" />
   <embed src="FLVPlayer_Progressive.swf" 
   flashvars="&MM_ComponentVersion=1&skinName=Clear_Skin_3&streamName
   =../videos/chicken01&autoPlay=false&autoRewind=false" 
   quality="high" scale="noscale" width="320" height="240" 
   name="FLVPlayer" salign="LT" type="application/x-shockwave-flash" 
   pluginspage="http://www.macromedia.com/go/getflashplayer" />
 </object> 

The parameters you specify in the wizard are inserted into the previous HTML snippet, and pass information to Flash using FlashVars. The skin Clear_Skin_3 is copied to the same folder as the current HTML file, although it omits the file extension (.swf) in the HTML code. The second parameter, streamName, points to the FLV file you defined in the URL text box. It is a relative path and again omits the FLV file extension (.flv).

The next two parameters are Boolean (true/false) values, which are based on your selections in the wizard. If you want to modify the skin or path to the FLV file, then you can modify these values directly using Code view in Dreamweaver. You might need to edit the width and height parameters manually in both the param and embed tags. These values represent the width and height of the FLV document; however, if you use certain default or custom skins, then you might need to modify these values if your skin contains a border and is larger than the dimensions of the FLV file.

You will also notice that the values are repeated twice. Due to cross-browser issues, you need to define the FlashVars values in both a param tag as well as the embed tag so that the code works with Internet Explorer– and Netscape-based browsers

Note: The actual SWF file that you need to drive the Flash Video component is a mere 10–12K, depending on whether you select the progressive download or streaming option. Using one of the default skins adds approximately another 4–11K, depending on the skin that you choose.

5. How to I install a QuickTime file into my web site?

QuickTime media files are viewable in the majority of modern web browsers.

To use an Anistock QuickTime animation file on your website you simple have

to install the following code into the HTML source code of the page you wish

the Anistock animation file to be viewed on. Then make sure you have the

correct file names and paths inserted in the code, and check the page in your

favorite browser.

Step 1: Open your web page in a text editor, or web editor of choice.

Step 2: In your HTML code find the location where you want the clip to be displayed in the page, and paste the following code into your HTML source

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="256" width="320">
<param name="src" value="yourmovie.mov">
<param name="autoplay" value="true">
<param name="controller" value="true">
<embed height="256" width="320" src="yourmovie.mov" pluginspage="http://www.apple.com/quicktime/download/" type="video/quicktime" controller="true" autoplay="true">
</object>

Step 3: Change yourmovie.mov to the full path/URL of your QuickTime movie.

This will look something like http://www.yousite.com/mymovie.mov

If you place your .mov file into a sub directory such as /images/ the above URL

will look something like http://www.yousite.com/images/mymovie.mov

Step 4: Set the controller attribute.
QuickTime includes a graphical controller for users to play, stop and pause movies. The default value in our sample code is to have the controller showing. If you would prefer to hide the controller, please set the controller attribute to false (marked in blue). Note: the controller attribute is set twice in the above code. Ensure you update the attribute in both instances.

Step 5: Set the autoplay attribute.
Autoplay is a feature that allows you to instruct QuickTime to automatically start playing the movie as soon as enough information has downloaded to the users computer. In our default code above Autoplay is set to true. Sometimes there are instances where you might want to have autoplay set to false (when you are giving a web presentation for example). The autoplay attribute is marked in orange in the source code above. Note: the autoplay attribute is set twice in the above code. Ensure you update the attribute in both instances.

Step 6: Change the height and width of the embed tag to match the height and width of your Anistock movie.

Step 7: Test your web page.
It’s always a good idea to test your web page before publishing it. Save your web page, then open it in a web browser to make sure it’s working correctly.

Bookmark It

Hide Sites

With growth in web video, video ads and video email we see are seeing continued demand for flash animations format. Also we have a user guide for how to embed flash animation into web sites.

Bookmark It

Hide Sites

Interactive Navigation

Its now a well established fact that you’ll retain your visitors longer on your site if you give them a unique experience. Something that they’re not likely to get from static text and image websites. When your site is interactive maybe with a web video or flash animation, statistics prove you’ll engage the interest of your visitors. They’ll be entertained and retained by the video ad or flash animation encouraging the visitor to explore the different web pages on your site. The longer your visitors remain on your site, the better your chances of a sales conversion.

Stand Out From the Mass

There are millions of boring static , text laden sites on the web. You don’t want yours to be buried somewhere deep in the heap. By considering using web video or flash animations in web design, you’ll stand out from the mass of websites clamoring for attention of customers . More interactive and memorable sites get bookmarked more often too! This in turn will improve your online presence and drive more traffic to your site.

Grab Your Visitors Attention

People browsing the Internet have very short attention spans. They quickly leave unattractive sites for something more eye-catching, do you know your current bounce rate?. Flash animations and web video in web design provide movement and this harnesses your visitor’s attention. You can evoke emotions of surprise, smiles and even laughter with the right motion graphics. You can enrich your site with professional flash animations that will tap into the emotions from your visitors, getting them to stay longer And drive higher sales conversions, too. That’ll get you ahead of the competition in record time!

A multimedia site will draw in your traffic like bees to honey. Flash animations and web video will present an exciting and sophisticated experience to your site visitors. A visually appealing site gets more bookmarks on social media networks. The motion graphics on your site may well create that positive buzz your site needs!

Bookmark It

Hide Sites

All our video content is royalty free and designed to be easy to use and to make you look good.
Using a video background or animation clip will save you time and money but the big bonus is Anistock video clips have high production values meaning you’ll stand out from the
crowd and be able to work faster than your competition.

To give you a quick flavor on how you can use Anistock video backgrounds and animation, read on:

1) Video backgrounds are the perfect partner to go with text. They quickly and easily make any
video ad, video promotion or presentation more visually engaging.

2) Video backgrounds are also a ideal as video inserts.
If you have one or more frames containing video, try adding a subtle moving background.

3) If you have a logo why not make your own branded video promotion, its easy to insert a video background or animation behind your logo [ you can even add photos, text etc ]to make a real multimedia experience.

4) Try adding your own assets like photos, music or voice to our backgrounds. Many of our customers use our backgrounds as time-saving building blocks, adding your own assets to make them look unique.

5) To offer choice to your customers, you can quickly and cheaply creative three or four different looks for their project by using different moving backgrounds and animation.

6) Remember, you can use your editing software’s color correction to change the look of a video background or Anistock can do this for you.

7) If you like After Effects, try combining your video footage with a moving background using an
After Effects transfer mode. Anistock also has 100’s of After Effects video backgrounds
You’ll quickly create a unique look for your video promotions/projects.

With Anistock video backgrounds and animation, the only limit is your creativity!

Bookmark It

Hide Sites

http://www.anistock.com/video-background-with-audio-speakers-pumping-cpi21162.html

http://www.anistock.com/video-background-with-music-love-sound-cpi22848.html

http://www.anistock.com/video-background-with-jesus-on-cross-cpi21532.html

http://www.anistock.com/video-background-with-online-crime-scene-cpi21085.html

http://www.anistock.com/video-background-with-welcome-sign-cpi20657.html

http://www.anistock.com/video-background-with-love-and-love-heart-in-red-cpi21030.html

Bookmark It

Hide Sites

http://www.anistock.com/people_video_backgrounds-cp1.html

Bookmark It

Hide Sites