Photoshop Tutorials, Flash Tutorials, 3Ds Studio Max Tutorials, Web Design Tutorials

Home  |  Submit Tutorial  |  Top Sites  |  Free Templates (NEW)  |  Website templates  |  Privacy Policy  |  Link Exchange  |  Contact Us

Recommended Hosting:
Host Unlimited Domains on 1 Account
1500GB storage and 15000GB bandwidth for $6.95/mo!
Recommended Hosting:
Host Unlimited Domains on 1 Account
1500GB storage and 15000GB bandwidth for $6.95/mo!

Welcome To Flash Tutorials Area - Integrating Video in a Flash Movie

thumb Want to integrate video in your Flash movie? You have two choices. You can embed the video in your Flash document, or keep progressively download it into a SWF file using from a FLV (Flash Video) file. In this tutorial you'll learn to use the Media Playback Component to display a FLV file in a Flash movie.

step 1

STEP 1 Creating Flash Video

There are several ways you can create FLV files. Both Flash MX 2004 standard and Professional allow you to export video as an FLV. If you own Flash MX Professional, you can use the Flash Video Exporter plug-in that came with the Flash installer. The exporter works with a variety of video-editing and encoding programs such as QuickTime Pro. The third, and best way is to use Sorenson Squeeze. This third-party product uses a 2-pass compression which usually creates a higher quality video and smaller file size than the first two options.

The following instructions are for creating FLV via the standard and professional versions of Flash MX 2004. This method creates the poorest quality of video, but is available to all MX 2004 users.

First, create a new folder, then create and save a new Flash document. Next, choose File > Import > Import to Library. Locate the QuickTime movie you wish to import. The video Wizard will open. Click Import. Click the Embed video in Macromedia Flash document radio button. Click the Next button. Click the Import the entire video radio button. Click the Next button.

step 2

STEP 2 Creating Flash Video, cont.

The next two screens allow you to customize how you want to compress your video. From the Compression profile menu choose DSL/Cable 256 kbs. Choose Create a new profile from the Advanced settings menu. In the Encoding Advanced settings screen set the scale for the video. In the example, I set the Scale to 60%. Then click the Next button. Enter a name and description for the new preference in the next screen. Click the Next button. You will return to the Encoding screen, click the Finish button.

step 3

STEP 3 Creating Flash Video, cont.

Once the video has been imported it will appear in the Library. Open the Library. Right-click or Ctrl + click the video Symbol. Choose Properties from the context menu. The Embedded Video Properties dialog window will open. Click the Export button.

step 4

STEP 4 Creating Flash Video, cont.

In the Save As window enter a name for the video. Save the video in same folder as your Flash document. Click Save. After the video is saved, the Embedded Video Properties window will reappear. Click OK. Delete your movie from the Library.

step 5

STEP 5 Adding the MediaPlayback Component

Open the Components panel by choosing Window > Development Panels > Components. Drag the MediaPlayback component onto the Stage.

step 6

STEP 6 Setting the MediaPlayback properties and parameters

Select the MediaPlayback instance on the Stage. In the Properties inspector enter Video in the Instance name field. Enter the dimensions of your video in the width and height field.

step 7

STEP 7 Setting the MediaPlayback parameters

Click the Parameters tab in the Properties inspector. Click the Launch Component Inspector button. The Component Inspector panel will open.

step 8

STEP 8 Setting the MediaPlayback parameters

Click the FLV radio button. Choose the Frame Rate for the playback of the video from the FPS menu. Enter the name of the FLV file in the URL field. If you saved your FLV file outside of the folder containing your Flash document, you must specify the path. Check the following:

Automatically Play
Use Preferred Media Size
Control Placement: Bottom
Control Visibility: On

step 9

STEP 9 Test/Publish your movie.

Choose Control > Test Movie, or Command + return to publish your movie. The movie will automatically begin to play. You can use the controls to pause, start and rewind your movie. Pretty simple! Now lets add a little magic and make the controller only appear when you roll over the video.

step 10

STEP 10 Changing the MediaPlayback parameters

Return to your Flash document. In the MediaPlayback Component inspector, uncheck Automatically Play and change the Control Visibility Setting to Auto. Test your movie. Roll your mouse over the video and the the controller will appear. Press play, and roll your mouse off the controller. The video will continue playing and the controller will disappear.

Courtesy of Layers magazine. <

Premium Partners

  Free Website Templates - Flash templates, Affordable Website Design, Website Templates, Website Redesign, Custom Website Design, Web Design Tutorials, Flash Tutorials, Promotion Tutorials - that is what we do. Metamorphosis Design Studio offers quality, free and low cost web site templates for your business and personal life, we also offer affordable web design and site re-design.
  Vertex Website Tempales - It saves tones of time and money to use pre-made web designs to build your web site. You need a web site but you don't want to pay thousands dollars to professional web design companies? Our web templates is just for you! They are designed to be easilly edited by your favorite html editor, like MS FrontPage
  Website Design Tutorials - Web site design is an area that simply takes experience to perfect. Get started with these tutorials covering everything from page layout to content tips. At you will find all the Web-building tutorials you need, from basic HTML and XHTML to advanced Adobe Photoshop, Macromedia Flash MX and 3D Studio Max software.
Free website templates and paid web templates are great tools to make your websites look perfect! You will save time and money with our flash templates and free website templates Our visitors are satisfied with the quality of our free and paid website templates! Please visit our free website templates and paid website templates sections. We offer free web templates, free web layouts, free web page templates and other stuff for free download. All templates come with the html and external css file so you may easily edit HTML with your favorite HTML editor. Feel free to download our free web templates for your personal websites.

Terms of use depend upon the website template vendor.

Home  |  Submit Tutorial  |  Top Sites  |  Free Templates  |  Website templates  |  Privacy Policy  |  Contact Us

All Right Reserved by