Adobe Flash chuyên nghiệp - p 37 potx

One fast way to preview a movie is to choose Control > Test Movie > in Flash Professional Ctrl+Enter/Command+Return, as you’ve done in earlier lessons.. This command creates a SWF file i

One fast way to preview a movie is to choose Control > Test Movie > in Flash

Professional (Ctrl+Enter/Command+Return), as you’ve done in earlier lessons This

command creates a SWF file in the same location as your FLA file so you can play

and preview the movie; it does not create the HTML file or any other files necessary

to play the movie from a Web browser

When you believe you’ve completed your movie or a portion of the movie, take

the time to make sure all the pieces are in place and that they perform the way you

expect them to

1 Review the storyboard for the project, if you have one, or other documents that

describe the purpose and requirements of the project If such documents do not

exist, write a description of what you expect to see when you view the movie

Include information about the length of the animation, any buttons or links

included in the movie, and what should be visible as the movie progresses

2 Using the storyboard, project requirements, or your written description, create a

checklist that you can use to verify that the movie meets your expectations

3 Choose Control > Test Movie > in Flash Professional As the movie plays,

compare it with your checklist Click buttons and links to ensure they behave as

expected You should click on every possibility that a user may encounter This

process is called QA, or quality assurance In larger projects, it may be referred

to as beta testing

4 Choose File > Publish Preview > Default-(HTML) to export a SWF file and an

HTML file required to play in a browser and to preview the movie

A browser opens, if one is not already open, and plays the final movie

5 Upload the two files (the SWF and HTML) to your own Web server and give

your colleagues or friends the Web site address so they can help you test

the movie Ask them to run the movie on different computers with different

browsers to ensure that all the files are included and that the movie meets the

criteria on your checklist Encourage testers to view the movie as though they

were its target audience

If your project requires additional media, for example, FLV or F4V video files,

skin files for your video, or external SWF files that are loaded, you must upload

them along with your SWF and HTML file

6 Make changes and corrections as necessary to finalize the movie, upload the

revised files, and then test it again to ensure it meets your criteria The iterative

process of testing and making revisions may not sound like fun, but it is a

critical part of launching a successful Flash project

 Note: The default

behavior for your movie

in the Test Movie mode

is to loop You can make your SWF play differently in a browser

by selecting different publish settings, as described later in this chapter, or by adding ActionScript to stop the Timeline.

 Note: You can

also just choose File >

Publish (Shift+F12) to export the SWF file and the HTML file without previewing the movie in

a Web browser.

understanding the bandwidth Profiler

You can preview how your final project might behave under different download environments by using the Bandwidth Profiler, a useful panel that is available when you are in Test Movie mode

View the bandwidth Profiler

The Bandwidth Profiler provides information such as the overall file size, the total number of frames, the dimensions of the Stage, and how your data is distributed throughout your frames You can use the Bandwidth Profiler to pinpoint where there are large amounts of data so you can see where there may be pauses in the movie playback

1 Choose Control > Test Movie > in Flash Professional

Flash exports a SWF and displays your movie in a new window

2 Choose View > Bandwidth Profiler

A new window appears above your movie Basic information about your movie

is listed on the left side of the profiler A timeline appears on the right side of the profiler with gray bars representing the amount of data in each frame The higher the bars the more data is included

You can view the graph on the right in two ways: as a Streaming Graph (View >

Streaming Graph) or as a Frame By Frame Graph (View > Frame By Frame Graph)

The Streaming Graph indicates how the movie downloads over the Web by show-ing you how data streams from each frame, whereas the Frame By Frame Graph simply indicates the amount of data in each frame In Streaming Graph mode, you can tell which frames will cause hang-ups during playback by noting which bar exceeds the given Bandwidth setting

test download performance

You can set different download speeds and test the playback performance of your

movie under those different conditions

1 While in Test Movie mode, choose View > Download Settings > DSL

The DSL setting is a type of Internet connection and a measure of the download

speed that you want to test It corresponds to 32.6 kilobytes per second Choose

higher or lower speeds depending on your target audience

2 Choose View > Simulate Download

Flash simulates playback over the Web at the given Bandwidth setting (DSL) A

green horizontal bar at the top of the window indicates which frames have been

downloaded, and the triangular playhead marks the current frame that plays

Notice that there is a slight delay at frame 1 while the data downloads Anytime

a gray data bar exceeds the red horizontal line (the one marked 1.1 KB), there

will be a slight delay in the playback of your movie

Once sufficient data has downloaded, the movie plays, though you may still see

some pauses when the playhead catches up to the downloaded portions

3 Choose View > Download Settings > T1

T1 is a much faster broadband connection than DSL, which simulates download

speeds of 131.2 kilobytes per second

4 Choose View > Simulate Download

Flash simulates playback over the Web at the faster speed Notice that the delay

at the beginning is very brief, and the movie plays almost seamlessly as the

movie downloads quick enough so the playhead never catches up

5 Close the preview window

adding metadata

Metadata is information about data Metadata describes your Flash file so other

developers with whom you share your FLA can see details that you want them to

know, or a search engine on the Web can find and share your movie Metadata

 Note: The download

speeds listed for DSL, T1, and the other preset options represent Adobe’s estimate

of those standard Internet connections

You should determine the actual speed of your Internet provider

You can customize the options and their speeds by choosing View > Download Settings > Customize.

includes a document’s title, a description, keywords, the date the file was created, and any other information about the document You can add metadata to a Flash document, and that metadata is embedded in the file Metadata makes it easier for other applications and Web search engines to catalog your movie

1 Choose File > Publish Settings or click the Edit button next to Profile in the Properties inspector

The Publish Settings dialog box appears

2 Click the Flash tab

3 In the SWF Settings, select Include XMP Metadata and click File Info

The XMP Metadata dialog box appears

4 Click the Description tab

5 In the Document Title field, type Welcome to Meridien.

6 In the Keywords field, type Meridien, Meridien City, relocation, tourism,

travel, urban, visitor guide, vacation, city entertainment, destinations.

7 Enter any other descriptive information in the other fields Click OK to close the dialog box Click OK to close the Publish Settings dialog box

The metadata will be saved with the Flash document and will be available for other applications and Web search engines

Publishing a movie for the Web

When you publish a movie for the Web, Flash creates a SWF file and an HTML document that tells the Web browser how to display your Flash content You need

to upload both files to your Web server along with any other files your SWF file references (such as FLV or F4V video files and skins) The Publish command saves all the required files to the same folder

You can specify different options for publishing a movie, including whether to detect the version of Flash Player installed on the viewer’s computer When you change the settings in the Publish Settings dialog box, they are saved with the document

specifying Flash file settings

You can determine how Flash publishes the SWF file, including which version of Flash Player it requires, which version of ActionScript it uses, and how the movie is displayed and plays

1 Choose File > Publish Settings

2 Click the Formats tab and select Flash and HTML You can also choose to publish the file in additional formats

3 Click the Flash tab

 Note: You can

change the name of the

published file by typing

a different filename in

the boxes You can also

change the location

where the files are

saved by clicking the

folder icon.

4 Select a version of Flash Player

Some Flash Professional CS5 features will not play as expected in versions of the

player earlier than Flash Player 10 If you are using the latest features of Flash

CS5, you must choose Flash Player 10

5 Select the appropriate ActionScript version You’ve used ActionScript 3.0 in

lessons in this book, so choose ActionScript 3.0

6 If you’ve included sound, click the Set buttons for the Audio stream and Audio

event to choose the quality of the audio compression In this interactive banner,

there is no sound, so there’s no need to change the settings

7 Select Compress movie if the file is large and you want to reduce download

times If you select this option, be sure to test the final movie before

uploading it

8 Select Include XMP metadata if you want to include information that describes

your movie

9 Click the HTML tab

10 Select Flash Only from the Template menu

Detecting the version of Flash Player

Some Flash features require specific versions of Flash Player to play as expected

You can automatically detect the version of Flash Player on a viewer’s computer; if the Flash Player version is not the one required, a message will prompt the viewer

to download the updated player

1 Choose File > Publish Settings if the Publish Settings dialog box is not already open

2 Click the HTML tab in the Publish Settings dialog box

3 Select Detect Flash Version

4 In the Version fields, enter the earliest version of the Flash Player to detect

5 Click Publish, and then click OK to close the dialog box

Flash publishes several files Flash creates a SWF file, an HTML file, and an additional file named swfobject.js that contains extra JavaScript code that will detect the specified Flash Player version If the browser does not have the earliest Flash Player version you entered in the Version fields, a message is displayed instead of the Flash movie All three files need to be uploaded to your Web server and are necessary for your movie

changing display settings

You have many options to change the way your Flash movie is displayed in a browser The Dimensions options and the Scale options work together to deter-mine the movie’s size and amount of distortion and cropping

 Note: To learn about

other template options,

select one and then

click Info.

1 Choose File > Publish Settings

2 Click the HTML tab in the Publish Settings dialog box

• Select Match Movie for the Dimensions to play the Flash movie at the exact

Stage size set in Flash This is the usual setting for almost all your Flash

projects

• Select Pixels for the Dimensions to enter a different size in pixels for your

Flash movie

• Select Percent for the Dimensions to enter a different size for your Flash

movie as a percentage of the browser window

• Select Default (Show all) for the

Scale option to fit the movie in

the browser window without any

distortions or cropping to show

all the content This is the usual

setting for almost all your Flash

projects If a user reduces the size

of the browser window, the content

remains constant but is clipped by

the window

• Select Percent for Dimensions and No border for the Scale option to scale the movie to fit the browser window without any distortions but with cropping of the content to fill the window

• Select Percent for Dimensions and Exact fit for the Scale option to scale the movie to fill the browser window on both the horizontal and vertical dimensions With these options, none of the background color shows, but the content can be distorted