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

ptg aDobe FLash ProFessionaL Cs5 CLassroom in a book 351 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. is 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. is 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. e 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. Download from Library of Wow! ebook ptg 352 LESSON 10 Publishing Flash Documents 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 e 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. e 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). e 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. Download from Library of Wow! ebook ptg aDobe FLash ProFessionaL Cs5 CLassroom in a book 353 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. e 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. Download from Library of Wow! ebook ptg 354 LESSON 10 Publishing Flash Documents 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. e Publish Settings dialog box appears. 2 Click the Flash tab. Download from Library of Wow! ebook ptg aDobe FLash ProFessionaL Cs5 CLassroom in a book 355 3 In the SWF Settings, select Include XMP Metadata and click File Info. e 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. Download from Library of Wow! ebook ptg 356 LESSON 10 Publishing Flash Documents 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. e 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). e 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. Download from Library of Wow! ebook ptg aDobe FLash ProFessionaL Cs5 CLassroom in a book 357 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. Download from Library of Wow! ebook ptg 358 LESSON 10 Publishing Flash Documents 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. e 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. Download from Library of Wow! ebook ptg aDobe FLash ProFessionaL Cs5 CLassroom in a book 359 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. is 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. is 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. Download from Library of Wow! ebook ptg 360 LESSON 10 Publishing Flash Documents • 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. Download from Library of Wow! ebook . 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. ebook ptg aDobe FLash ProFessionaL Cs5 CLassroom in a book 357 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. ebook ptg 358 LESSON 10 Publishing Flash Documents 9 Click the HTML tab. 10 Select Flash Only from the Template menu. Detecting the version of Flash Player Some Flash features require specific