Apress foundation flash CS3 video mar 2008 ISBN 159059956x pdf

Green Thomas foundation The basics of creating and deploying Flash video How to use the new HD features of the Flash Player to deliver full-screen, DVD-quality video to a web page How to master several amazing video effects such as green screen superimposing, video walls, and interactive video How to bring your users into the action through webcams… and much more Foundation Flash CS3 Video D o you want to master Flash video and create awesome, interactive, video-based web applications? This might just be the book for you Flash CS3 Professional has kicked out the jams on video creativity and broadened the ability to deliver on-demand video to everything from your computer to your cell phone Couple this with the ability to deliver DVD-quality video to a web page, and you can see things have greatly changed… for the better This book provides you with a solid grounding in the fundamentals of what is fast becoming one of the most important areas of web growth As you move through the book, you will be introduced to some of the coolest web video techniques available Using a series of creative projects and exercises that build upon each other, you will be creating web video projects that range from the simple to the complex The only thing you need to begin is a basic understanding of the Flash interface You start with the basics: creating a code-free video application using a digital video You finish by creating a full-screen, DVD-quality video that plays on a typical web page Between those two projects, you will also discover how to create your own custom video player, an alpha channel video that’s used in some spectacular projects, and video projects in which your only asset in the Flash movie is an ActionScript 3.0 code block You will also get the chance to turn your creativity loose with filters and blend effects, develop interactive videos that react to mouse input, create some stunning masking effects, and explore how cue points and XML can combine to create captioned video and event triggers Flash CS3 Video Also Available In this book, you’ll learn: Foundation Flash CS3 Video Tom Green Adam Thomas Best of all, you will discover something that we experienced during the writing of this book: Flash video is incredibly fun! ISBN-13: 978-1-59059-956-3 ISBN-10: 1-59059-956-X 54499 SHELVING CATEGORY Flash US $44.99 Mac/PC compatible www.friendsofed.com 781590 599563 this print for reference only—size & color not accurate Master the latest techniques for creating, manipulating and delivering Flash video Learn how to play HD video on your web site Discover how to deliver Flash video to a cell phone spine = 0.761" 400 page count 956xFM.qxd 3/3/08 4:19 PM Page i Foundation Flash CS3 Video Tom Green Adam Thomas 956xFM.qxd 3/3/08 4:19 PM Page ii Foundation Flash CS3 Video Copyright © 2008 by Tom Green and Adam Thomas All rights reserved No part of this work may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopying, recording, or by any information storage or retrieval system, without the prior written permission of the copyright owner and the publisher ISBN-13 (pbk): 978-1-59059-956-3 ISBN-10 (pbk): 1-59059-956-X ISBN-13 (electronic): 978-1-4302-0578-4 ISBN-10 (electronic): 1-4302-0578-4 Printed and bound in the United States of America Trademarked names may appear in this book Rather than use a trademark symbol with every occurrence of a trademarked name, we use the names only in an editorial fashion and to the benefit of the trademark owner, with no intention of infringement of the trademark Distributed to the book trade worldwide by Springer-Verlag New York, Inc., 233 Spring Street, 6th Floor, New York, NY 10013 Phone 1-800-SPRINGER, fax 201-348-4505, e-mail orders-ny@springer-sbm.com, or visit www.springeronline.com For information on translations, please contact Apress directly at 2855 Telegraph Avenue, Suite 600, Berkeley, CA 94705 Phone 510-549-5930, fax 510-549-5939, e-mail info@apress.com, or visit www.apress.com Apress and friends of ED books may be purchased in bulk for academic, corporate, or promotional use eBook versions and licenses are also available for most titles For more information, reference our Special Bulk Sales—eBook Licensing web page at http://www.apress.com/info/bulksales The information in this book is distributed on an “as is” basis, without warranty Although every precaution has been taken in the preparation of this work, neither the author(s) nor Apress shall have any liability to any person or entity with respect to any loss or damage caused or alleged to be caused directly or indirectly by the information contained in this work The source code for this book is freely available to readers at www.friendsofed.com in the Downloads section Credits Lead Editor Ben Renow-Clarke Production Editor Liz Berry Technical Reviewer David Stiller Compositor Dina Quan Editorial Board Clay Andres, Steve Anglin, Ewan Buckingham, Tony Campbell, Gary Cornell, Jonathan Gennick, Matthew Moodie, Joseph Ottinger, Jeffrey Pepper, Frank Pohlmann, Ben Renow-Clarke, Dominic Shakeshaft, Matt Wade, Tom Welsh Proofreader April Eddy Project Manager Richard Dal Porto Copy Editor Nancy Sixsmith Associate Production Director Kari Brooks-Copony Indexer Becky Hornyak Artist Kinetic Publishing Services, LLC Cover Image Designer Corné van Dooren Interior and Cover Designer Kurt Krames Manufacturing Director Tom Debolski 956xFM.qxd 3/3/08 4:19 PM Page iii To Lindsay Green (my daughter and best friend in the universe) and her husband-to-be, Phil Darling May your marriage be as joyful and adventurous as the one I have with your mother, Keltie —Tom Green To my Dad and Grandpa; I pray I can be half the husband and father you exemplified —Adam Thomas 956xFM.qxd 3/3/08 4:19 PM Page iv 956xFM.qxd 3/3/08 4:19 PM Page v CONTENTS AT A GLANCE About the Authors About the Technical Reviewer Introduction Chapter Editing Video for Flash Chapter Creating a Custom Player 25 45 67 Chapter “Talking Head” Video and Alpha Channels Chapter Adding Filters and Blend Effects to Flash Video Chapter Masking Video xix Chapter Alternative FLV-Creation Tools xv xvii Chapter Creating and Playing Flash Video 109 147 173 Chapter Flash Video Tricks, Tips, and Special Effects Chapter Playing with Multiple Videos 211 247 Chapter 10 The Camera Object and Flash Video Chapter 11 Cue Points and Captions in Flash Video Chapter 12 Going Small and Going Big with Flash Video Index xiii About the Cover Image Designer Acknowledgments xi 275 301 329 361 v 956xFM.qxd 3/3/08 4:19 PM Page vi 956xFM.qxd 3/3/08 4:19 PM Page vii CONTENTS About the Authors About the Technical Reviewer Introduction xiii About the Cover Image Designer Acknowledgments xi xvii xix Chapter Creating and Playing Flash Video xv Before you import Importing a video with the Flash Import Video Wizard Using the Flash CS3 Video Encoder 10 Playing an FLV file in Flash CS3 Professional 16 So your clients saw YouTube and now they want online video 21 What you’ve learned 23 Chapter Editing Video for Flash Nonlinear editing Windows Movie Maker Working with clips Editing in Movie Maker Exporting Apple iMovie Editing in iMovie Working with iMovie clips Adding and adjusting audio Exporting your movie What you’ve learned 25 Chapter Alternative FLV-Creation Tools 28 29 31 32 35 36 38 39 41 42 43 45 Data rate 46 Using Flix Pro 49 Using Sorenson Squeeze 4.5 55 vii 956xFM.qxd 3/3/08 4:19 PM Page viii CONTENTS Previewing your work Adobe Media Player Adobe Bridge CS3 What you’ve learned Chapter Creating a Custom Player 60 61 62 63 67 The FLVPlayback component and buffering 68 Creating a custom video controller 71 Adding the components at runtime 74 A word about skinning the components 75 Creating a custom video player 76 Connecting the Video object to a web server 79 Adding playback controls to a streaming video 82 Adding a Playing Progress bar and a timer to a streaming video 84 Your turn: Creating your own custom player 89 Preparing to move from Fireworks to Flash 91 Fireworks symbols and Flash symbols 93 Wiring up the custom player with ActionScript 3.0 95 Controlling the volume level of a video 100 Showing the loading and playing progress of an FLV file 102 What you’ve learned 105 Chapter “Talking Head” Video and Alpha Channels Creating an Alpha channel video with Adobe Premiere Pro CS3 Creating an Alpha channel video with Adobe After Effects CS3 Creating an FLV file directly out of After Effects CS3 Creating an Alpha channel video in Final Cut Pro Creating an FLV file with an Alpha channel Playing with Alpha channel video in Flash Trimming video Video-on-video Alpha channel video and scrollable text Reflections on an Alpha video theme Alpha video and HTML What you’ve learned 109 Chapter Adding Filters and Blend Effects to Flash Video Video trick #1: The “point-of-light” effect Video trick #2: The “ghost-in-the-machine” effect Video trick #3: Somebody fix the dang color! Filters and Flash video Applying filters and blends through ActionScript Using buttons to turn filters on and off Your turn: Using buttons to turn blend modes on and off What you’ve learned viii 111 116 125 126 130 132 133 135 136 136 140 143 147 148 149 150 151 157 160 166 170 956xIndex.qxd 2/28/08 4:49 PM Page 360 956xIndex.qxd 2/28/08 4:49 PM Page 361 INDEX Numerics 4CC (four-character code), and playback failure, 358 24-bit PNG file, 179 A accessibility laws governing web sites, 301 ActionScript applying filters and blends through, 157–159 ColorMatrixFilter class, 221–224 ComboBox for navigating through cue points, 320–322 creating instance of FLVPlayback component using, 229–232 cue points and, 307–309 duration metadata parameter and, 85 import statements, 201 looping video using, 236–237 navigating through cue points with, 317–320 NetConnection class, 79 pairing with Video object, 76–79 playing videos sequentially using, 261–263 turning blend modes on and off using buttons, 166–170 turning filters on and off using buttons, 160–166 video masks and creating instance of Video object, 194–197 creating mask that trims video, 197–200 draggable mask, creating, 185–186 drawing with ActionScript, 190–194 dynamically adding masking object, 189–190 flashlight effect, adding, 187–188 overview of, 185 packages and motion, 204–209 Tween and easing classes, 200–204 wiring video player using code, 96–100 loading and playing progress, showing, 102–105 overview of, 95 volume level of video, controlling, 100–102 ActionScript 3.0 document, 16 ActionScript editors, 205 Add blend mode for buttons, 98 Adjust Color filter, 152 Adobe Bridge CS3, previewing work using, 62 ExpressInstall, 225–228 Illustrator images, placing into Flash, 177 Media Player (AMP), previewing work using, 61–62 Adobe After Effects CS3 Compression Settings dialog box, 123 Keylight filter, 116–118 Output to dialog box, 124 overview of, 116 QuickTime file for, 121–124 Render Queue dialog box alpha channel video, creating, 122 FLV file, creating, 125–126 Render Settings panel, 122 Screen Matte properties, 120–121 View drop-down menu, 119 Adobe Dreamweaver adding Flash video to, 243–244 CommunityMX extension, 227 EOLAS workaround, 224–225 Adobe Fireworks CS3 Batch Process dialog box, 214 creating video player using Fireworks symbols and Flash symbols, 93–95 overview of, 89 preparing to move from Fireworks to Flash, 91 wire frame for, 90 PNG format and, 179 Save Script button, 216 scaling images using, 213 Adobe Flash CS3 Video Encoder accessing, 1, 10 Audio tab, 14 cue points, creating with, 304–307 Encode Alpha Channel option, 144 Encoding Settings panel, 11 Errors dialog box, 15 361 956xIndex.qxd 2/28/08 4:49 PM Page 362 INDEX first screen, 10 Flash Video Encoding Settings dialog box, 130 Start Queue button, 14–15 using, 10 Video tab, 12–14 Adobe Flash Lite 3.0 controlling video using soft keys, 333–335 playing video on cell phone, 331–333 portable video and, 330 release of, 329 Adobe Flash Player Settings dialog box, 277 Adobe Flash Video dialog box, Adobe After Effects CS3, 125 Adobe Premiere Pro CS3 Color Depth drop-down menu, 115 Effects panel, 113–114 folder name or location and, 112 Info dialog box, 111 Monitor window, 112 New Project dialog box, 111 QuickTime file, creating, 114–116 Advanced Encoder Settings dialog box (FME2), 290 After Effects CS3 (Adobe) See Adobe After Effects CS3 ageing video overview of, 219–221 through code, 221–224 Alpha channel adding, and size of file, 132 creating FLV file containing, 130–132 HTML and, 140–142 playing video-on-video, 135 reflections, creating, 136–140 scrollable text and, 136 trimming video, 133–134 working with, 132 Alpha channel video, applying filters to, 153–154 Alpha channel video, creating with Adobe After Effects CS3 Compression Settings dialog box, 123 Keylight filter, 116–118 Output to dialog box, 124 QuickTime file for, 121–124 Render Queue dialog box, 122 Render Settings panel, 122 Screen Matte properties, 120–121 View drop-down menu, 119 with Adobe Premiere Pro CS3 Color Depth drop-down menu, 115 Effects panel, 113–114 folder name or location and, 112 362 Info dialog box, 111 Monitor window, 112 New Project dialog box, 111 QuickTime file for, 114–116 with Final Cut Pro Color Key filter, 127–128 exporting movie, 129 Movie Settings dialog box, 129 overview of, 126 Standard Video Compression Settings dialog box, 129 Alpha property, 149–150 alpha transparency, 343 Alt/Option key, and dragging, 182 AMP (Adobe Media Player), previewing work using, 61–62 analog editing, 28 animation features, and managing playback of multiple videos, 255–261 Apple iMovie audio, adjusting, 41–42 clips, working with in, 39–40 editing in, 38 exporting movie, 42–43 importing video, 37 interface, 36 project, creating, 37 Apple Macintosh See also Final Cut Pro; QuickTime iSight camera, connecting to computer, 278 arranging clips on timeline, 32–33 Array class, push() method, 199 artwork, creating in Illustrator for use in Flash, 177 ASF format, Asian PAL video standard frame rate, 47 asterisk (wild card), 193 attachCamera() method (Video object), 276 audio adjusting in Apple iMovie, 41–42 importing in Windows Movie Maker, 31 Audio Input Mixer properties dialog box (FME2), 291 Audio tab (Flash CS3 Video Encoder), 14 audio track, and data rate, 47 audio visualization exercise, 238–242 overview of, 237 Auto transform tool, 177 AVC profile, and playback failure, 358 AVC/H.264 video standard, 342–343 AVI format, 956xIndex.qxd 2/28/08 4:49 PM Page 363 INDEX B bandwidth, 46 Batch Process dialog box (Fireworks CS3), 214 batch processing Flix Pro and, 50 Sorenson Squeeze and, 55 beginFill() method, 193 bitmap caching, and Flash Player version, 138 BitmapData class, 292–295 bitmaps, using as masks, 179 black-and-white movie, converting video to, 151–153 blend effects applying through ActionScript, 157–159 combining with filters, 157 Multiply mode, 156 turning on and off using buttons, 166–170 BlendMode class, 167 BlurFilter object, creating, 159 Bridge CS3 (Adobe), previewing work using, 62 broadcasting video, 288–289 browser, streaming to, 68 buffering, and FLVPlayback component, 68–70 bufferTime parameter, 70 button library, 82 button symbols, as four-frame movieclips, 217 buttons treating movieclips as, 98 turning blend modes on and off using, 166–170 turning filters on and off using, 160–166 ByteArray object, 240 C cacheAsBitmap property, 179, 188 Camera class, setMotionLevel() method, 297 Camera Control tab (FME2), 290 Camera object connecting webcam to computer, 276–278 pixel board, playing video on, 282–285 purpose of, 276 Captionate, web site for, 301 captions cue points and, 303 FLVPlaybackCaptioning component overview of, 313 Timed Text XML document for, 314–317 using color in, 310 whitespace and, 311 capturing screen, 292–295 video, 291–292 webcam content, 295–296 case statement, 169 cell phone controlling video using soft keys, 333–335 playing video on, 330–333 Chalk Scribble brush stroke, 176 circular mask, creating with ActionScript, 194–197 class definition, creating in ActionScript, 189 classes See also specific classes functions and, 207 importing at start of code, 195 package and, 204 recognizing, 195 Clip library, 30–31 clips splitting Apple iMovie, 40 Windows Movie Maker, 31–32 trimming Apple iMovie, 39 Windows Movie Maker, 34 working with Apple iMovie, 39 Windows Movie Maker, 31–32 clock, video, creating, 264–268 clubbing footage, 27 code ageing video through, 221–224 encapsulating, 205 importing classes at start of, 195 lines, numbering, 96 spaghetti, 205 typing, 266 codec description of, H.264, 342–343 On2 VP6, Sorenson, codec choice and playback failure, 358 collection, 30–31 color, using in captions, 310 color change as if TV is failing effect, 150–151 Color Depth drop-down menu (Adobe Premiere Pro CS3), 115 Color Key filter (Final Cut Pro), 127–128 colorMatrix filter, creating, 160–166 ColorMatrixFilter class, 199, 221–224 ComboBox component managing playback of multiple videos and, 248–255 navigating cue points with, 320–322 CommunityMX Dreamweaver extension, 227 363 956xIndex.qxd 2/28/08 4:49 PM Page 364 INDEX completeHandler function, 264 Component Inspector command (Window menu), 16 components, putting into movieclips, 151 See also specific components Components command (Window menu), 16 compression, Compression Settings dialog box (Adobe After Effects CS3), 123 computeSpectrum() method, 238–240 Conlin, Simon, 22 connecting webcam to movie Camera object, 276–278 capturing screen image, 292–295 video, 291–292 webcam content, 295–296 Flash Media Encoder and, 289–291 flipping video, 280–282 “gotcha” game, 296–298 overview of, 275 playing video on pixel board, 282–287 video box, creating, 278–280 constant, 166 container format, 343 content from webcam, capturing, 295–296 Mask layer and, 176 Content Path dialog box, 18 contract video button, ActionScript code for, 99 controlling video using soft keys, 333–335 volume level of video, 100–102 converting movie to QuickTime file, 336–339 video to black-and-white movie, 151–153 convolution, 161 Convolution Transform check box, 163 copy of mask object, placing in layer above Mask layer, 178 Crockard, Kyle, 148 cue points ActionScript and, 307–309 creating with Flash CS3 Video Encoder, 304–307 event, to launch web pages, 322–325 navigating with ActionScript, 317–320 with ComboBox, 320–322 overview of, 302–303 XML and, 309–313 Curtis, Hillman, 212 custom UI components (FLVPlayback component), 71–73 364 D data rate overview of, 46–49 playback failure and, 358 streaming and, 69 DataProvider class, 249 delta frame, 13 Deployment panel (Import Video Wizard), 4–6 device, keypad of, playing multiple videos using, 339–342 Device Central starting, 331 targeting device in, 332 testing movie in, 333 difference frame, 13 digital video, Direct X 9, and importing, Document Properties dialog box, 20 documents ActionScript 3.0, 16 Fireworks PNG, importing into Flash, 94 HTML, embedding SWF file into, 140, 224–227 Timed Text XML, 314–317 XML loading cue points in, 311 using in Flash, 253 Dowe, Raymond, 268 downloading Flash Media Encoder 2, 289 Flix Pro trial version, 49 progressive download, 4, 352 Sorenson Squeeze trial version, 55 draggable mask, creating, 185–186 dragging Alt/Option key and, 182 buttons from library to stage, 82 Video object from library to stage, 78 dragging and dropping in Apple iMovie, 41 in Windows Movie Maker, 32 dragMovie() function, 234 drawCircle() method, 197 drawing with ActionScript, 190–194 drawRect() method, 197 Dreamweaver (Adobe) adding Flash video to, 243–244 CommunityMX extension, 227 EOLAS workaround, 224–225 Drop Shadow effect (Filters panel), 153 dropMovie() function, 234 Dundas Square, Toronto, 282 duration metadata parameter, 85 956xIndex.qxd 2/28/08 4:49 PM Page 365 INDEX DV format, dynamically adding masking objects, 189–190 E easing class, 200–204 easing package, 257 Edit menu, Reset Status command, 15 editing analog vs nonlinear, 28 in Apple iMovie, 38 in Windows Movie Maker, 32–34 Effects panel (Adobe Premiere Pro CS3), 113–114 effects adding color change as if TV is failing, 150–151 ghost-in-the-machine, 149–150 point-of-light, 148–149 as processor-intensive, 171 embedded cue points, 303 embedding SWF file into HTML document, 140, 224–227 enabling hardware acceleration, 348 encapsulating code, 205 Encode Alpha Channel option (Flash CS3 Video Encoder), 144 encoding definition of, Import Video Wizard and, video with Flix Pro, 51–54 with Sorenson Squeeze, 56–59 Encoding panel (Import Video Wizard), 6–8 Encoding Settings panel (Flash CS3 Video Encoder), 11 endFill() method, 193 EOLAS patent dispute, 225 error checking, 345 error messages Error 2044, 80, 86 FileStructureInvalid, 345 NoSupportedTrackFound, 345 Errors dialog box (Flash CS3 Video Encoder), 15 European video standard frame rate, 47 event cue points description of, 303 to launch web pages, 322–325 expand video button, ActionScript code for, 99 expanding video to full screen, 349–351 exporting from Apple iMovie, 42–43 from Final Cut Pro, 129 from Windows Movie Maker, 35 ExpressInstall (Adobe), 225–228 external cue points, 303 extracting metadata from video files, 346–348 F failure of playback, possible causes of, 358 FFTMode parameter, 241 file FLV creating directly out of Adobe After Effects CS3, 125–126 metadata embedded in, 85, 97 playing, 16–20 with Alpha channel, creating, 130–132 MOV, 356–357 MPEG-4, 344–348 Puppetji, 248 QuickTime converting Flash movie to, 336–339 creating in Adobe After Effects CS3, 121–124 creating in Adobe Premiere Pro CS3, 114–116 saving, file formats ASF, DV, FLV, for importing, MOV, MPEG, PNG, 179 SQZ, 59 supported by Flash Player, 343 WMF, File menu commands Import Video, Revert, 242 FileStructureInvalid error message, 345 fill, creating mask from object and, 177 filters applying through ActionScript, 157–159 to Alpha channel video, 153–154 attaching to masks, 110 Color Key (Final Cut Pro), 127–128 combining with blends, 157 converting video to blank-and-white movie, 151–153 Hard Light, 157 Keylight (Adobe After Effects CS3), 116–118 overview of, 151 turning on and off using buttons, 160–166 365 956xIndex.qxd 2/28/08 4:49 PM Page 366 INDEX Filters panel Drop Shadow effect, 153 Hide object option, 154 Knockout and Inner shadow options, 155 Filters tab (Property inspector), 151 Final Cut Pro, and creating Alpha channel video Color Key filter, 127–128 exporting movie, 129 Movie Settings dialog box, 129 overview of, 126 Standard Video Compression Settings dialog box, 129 Finish Video Import panel (Import Video Wizard), Fireworks CS3 (Adobe) Batch Process dialog box, 214 creating video player using Fireworks symbols and Flash symbols, 93–95 overview of, 89 preparing to move from Fireworks to Flash, 91 wire frame for, 90 PNG format and, 179 Save Script button, 216 scaling images using, 213 Fireworks CS3 Developer Center web site, 90 Fireworks Objects folder, 94 Fireworks Symbol editor, Flash Symbol editor compared to, 93 First Rule of FLV Creation, 64 Flash CS3 Video Encoder (Adobe) accessing, 1, 10 Audio tab, 14 cue points, creating with, 304–307 Encode Alpha Channel option, 144 Encoding Settings panel, 11 Errors dialog box, 15 first screen, 10 Flash Video Encoding Settings dialog box, 130 Start Queue button, 14–15 using, 10 Video tab, 12–14 Flash Lite 3.0 (Adobe) controlling video using soft keys, 333–335 playing video on cell phone, 331–333 portable video and, 330 release of, 329 Flash Media Encoder (FME2) capturing video, 291–292 Input area, Encoding Options tab, 290–291 overview of, 288–289 Flash Media Server (FMS) account, 276 latest version of, 352 366 streaming FLV file through, 69 Flash Player beta, release of, 329 Flash Symbol editor, Fireworks Symbol editor compared to, 93 Flash Video Encoding Settings dialog box (Adobe Flash CS3 Video Encoder), 130 flash.events package, 262 flashlight shining on video effect, creating, 187–188 flattening layers, 91 flicker, adding to video, 221 flipping video, 280–282 Flix Pro (On2 Technologies) Button bar, 50 description of, 45, 49 encoding video using, 51–54 encoding window, 53 interface, 50 player window, 54 Preset drop-down menu, 52 Sorenson Squeeze compared to, 63 video output settings window, 51 FLV file creating directly out of Adobe After Effects CS3, 125–126 metadata embedded in, 85, 97 playing, 16–20 with Alpha channel, creating, 130–132 FLV format, FLVMetaData injector, 346 FLVPlayback component buffering and, 68–70 Content Path dialog box, 18 controller and skin, adding at runtime, 74–75 creating instance of using ActionScript, 229–232 custom UI components, 71–73 Document Properties dialog box, 20 Free Transform tool and, 180 looping video using, 235–236 Parameters tab, 16 playing HD video with, 352–356 playing videos sequentially using, 263–264 reskinning, 75–76 Select Skin dialog box, 18–19 testing movie, 20 using, 16 FLVPlayback Skins folder, 73 FLVPlaybackCaptioning component overview of, 313 Timed Text XML document for, 314–317 FME2 (Flash Media Encoder 2) capturing video, 291–292 956xIndex.qxd 2/28/08 4:49 PM Page 367 INDEX Input area, Encoding Options tab, 290–291 overview of, 288–289 FMS (Flash Media Server) account, 276 latest version of, 352 streaming FLV file through, 69 folders Adobe Premiere Pro CS3 and, 112 Fireworks Objects, 94 FLVPlayback Skins, 73 formats See file formats Foundation Flash CS3 for Designers (Green and Stiller), 252 four-character code (4CC), and playback failure, 358 frame rate Asian PAL and European video standard, 47 matching, 3–4, 13 Free Transform tool, 180 From After Effects to Flash: Poetry in Motion Graphics (friends of ED), 136 full screen, expanding video to, 349–351 functions See also specific functions classes and, 207 naming, 159 Future Vision site (Vodafone), 178, 184 G Georgenes, Chris, 151 ghost-in-the-machine effect, 149–150 Gifford, Hoss, 148 “gotcha” game, 296–298 green background See Alpha channel video, creating Green, Tom, Foundation Flash CS3 for Designers, 252 Guhlushkin, Alex, 27 H H.264 codec, 342–343 H.264 compression option (Video Format drop-down menu), 357 H.264 video, playing, 344–346 handleMetaData() function, 347 Hanna, William, 353 Hard Light filter, 157 hardware acceleration, 348–351 HD video achieving, 348–351 using FLVPlayback component to play, 352–356 header information, and playback failure, 358 hearing impaired See captions Hide object option (Filters panel), 154 HTML Alpha channel video and, 140–142 embedding SWF file into document, 140, 224–227 HTML option (Publishing options dialog box), 224 Hue slider, 152 HueColorMatrixFilter class (ActionScript), 222–223 I Illustrator images, placing into Flash, 177 images Fireworks PNG, importing into Flash, 179 Illustrator, placing into Flash, 177 outputting video clips as series of still, 212–217 preview image, 228–229 scaling, using Fireworks CS3, 213 using as masks, 178–184 from video, capturing, 292–295 iMovie (Apple) audio, adjusting, 41–42 clips, working with in, 39–40 editing in, 38 exporting movie, 42–43 importing video, 37 interface, 36 project, creating, 37 Import dialog box, 216 Import Fireworks Document dialog box, 94 import statements (ActionScript), 201 Import Video command (File menu), Import Video Wizard Deployment panel, 4–6 description of, Encoding panel, 6–8 Finish Video Import panel, Select Video panel, Skinning panel, using, 3–4 importing See also Flash CS3 Video Encoder; Import Video Wizard audio, and Windows Movie Maker, 31 classes at start of code, 195 Fireworks PNG document into Flash, 94 Fireworks PNG image into Flash, 179 Illustrator CS3 layers, 285 tools for, video Apple iMovie and, 37 Windows Movie Maker and, 29 367 956xIndex.qxd 2/28/08 4:49 PM Page 368 INDEX IN slider (Import Video Wizard), Info dialog box (Adobe Premiere Pro CS3), 111 Inner shadow option (Filters panel), 155 Input area, Encoding Options tab (FME2), 290–291 Insert Flash Video dialog box (Dreamweaver CS3), 243 insideFiltersArray array, 199 installing Flash Media Encoder 2, 289 interacting with video, 232–235 interactive video of smacking people around, 269–272 iPod ad, creating, 218 iSight camera, connecting to computer, 278 J Jog Control slider (Import Video Wizard), K key frames data rate and, 47 description of, 13 moving between when scrubbing video, 103 keypad, playing multiple videos using, 339–342 keying video, 110–111 See also Alpha Channel video, creating Keylight filter (Adobe After Effects CS3), 116–118 Knockout option (Filters panel), 155 L launching Device Central, 331 web pages with event cue points, 322–325 Windows Movie Maker, 29 layers, and Fireworks CS3 drawing, 91 Lee-Delisle, Seb, 336 library drop-down menu, and Video objects, 77 Lighten blend mode, applying, 166 Linkage class, 201 ListBox component, 252 listener object, 80 Lloyd, Matthew, 221 loaderOnComplete function, 253–254 loading cue points in XML document, 311 loading progress of FLV file, showing, 102–105 looping video FLVPlayback component, using, 235–236 Video object and ActionScript, using, 236–237 lossy compressors, 368 M Macintosh (Apple) See also Apple iMovie; Final Cut Pro iSight camera, connecting to computer, 278 managing playback of multiple videos animation features and, 255–261 ComboBox component and, 248–251 overview of, 247 sequential play ActionScript and, 261–263 FLVPlayback component and, 263–264 smacking people around, 269–272 XML, ComboBox component and, 252–255 masking video ActionScript and creating instance of Video object, 194–197 creating mask that trims video, 197–200 draggable mask, creating, 185–186 drawing, 190–194 dynamically adding masking object, 189–190 flashlight effect, adding, 187–188 overview of, 185 packages and motion, 204–209 Tween and easing classes, 200–204 complex shape mask, creating, 176–177 image, using as mask, 178–184 methods of, 174 simple mask, creating, 175–176 masks applying filters to shape surrounding content, 153–154 attaching shadows or filters to, 110 circular, creating with ActionScript, 194–197 creating, 110 creating for pixel board effect, 283–287 matching geometry of video to shape of masks, 180–182 metadata in FLV file, 85, 97 in MPEG-4 file, using, 346–348 metadataHandler() function, 86 milliseconds, time code in, 312 Monitor window (Adobe Premiere Pro CS3), 112 Motion Pictures Experts Group format, motion, detecting with webcam, 296–298 mouse interacting with video using, 233–234 smacking people around using, 269–272 MOUSE_MOVE event, 270 MOV file, 356–357 MOV format, movie, converting to QuickTime file, 336–339 Movie Info window, 956xIndex.qxd 2/28/08 4:49 PM Page 369 INDEX Movie Maker (Windows) editing in, 32–34 exporting with, 35 importing audio, 31 video, 29 interface, 29 overview of, 29–30 QuickTime and, 31 working with clips, 31–32 Movie Settings dialog box Final Cut Pro, 129 Flash, 338 Windows Movie Maker, 35 movieclips applying blend effects to, 95–98 button symbols as, 217 caching as bitmaps at runtime, 188 containing Video object, flipping, 280–282 dynamically generated, 174 properties of, 235 putting component into, 151 treating as buttons, 95–98 video in, 147 MPEG format, MPEG-4 file creating and playing, 344–346 using metadata in, 346–348 MPEG-4 standard, 342–343 multiple videos, managing playback of animation features and, 255–261 ComboBox component and, 248–251 overview of, 247 sequential play ActionScript and, 261–263 FLVPlayback component and, 263–264 smacking people around, 269–272 XML, ComboBox component and, 252–255 multiple videos, playing using keypad, 339–342 multiple webcams, connecting to movie, 277 Multiply mode (Blend drop-down menu), 156 N naming functions, 159 mask movieclips, 287 navigating between cue points, 307 through cue points with ActionScript, 317–320 with ComboBox, 320–322 navigation cue points, 303 NetConnection class, 76, 79 NetStatusEvent class, 262 NetStream class, 76, 79 NET_STATUS event, 237 New Project dialog box (Adobe Premiere Pro CS3), 111 nonlinear editing, 28 North American NTSC video standard frame rate, 47 NoSupportedTrackFound error message, 345 ns.pause() statement, 83 numbering code lines, 96 O object-oriented programming, 205 On2 Technologies, Flix Pro Button bar, 50 description of, 45, 49 encoding video using, 51–54 encoding window, 53 interface, 50 player window, 54 Preset drop-down menu, 52 Sorenson Squeeze compared to, 63 video output settings window, 51 On2 VP6 codec, onCuePoint event, 308 one second of video, placing in buffer, 83 online video, preplanning, 21–22 onMetaData event, 346 onMetaData event handler, 97, 262 onTick function, 87 Out slider (Import Video Wizard), Output to dialog box (Adobe After Effects CS3), 124 Over series of skins, 18 P packages classes and, 204 easing, 257 flash.events, 262 masking video and, 204–209 transitions, 256 Parameters tab (FLVPlayback component), 16 pause button ActionScript code for, 98 custom video controller and, 74 Pause function, 84 pausing stream into Video object, 83 369 956xIndex.qxd 2/28/08 4:49 PM Page 370 INDEX phone information display, turning into video display, 180–184 pixel board, playing video on, 282–287 placeholder, using preview image as, 228–229 play button, and custom video controller, 74 Play function, 84 playback controls, adding to streaming video, 82–84 playback failure, possible causes of, 358 playback of multiple videos, managing animation features and, 255–261 ComboBox component and, 248–251 overview of, 247 sequential play ActionScript and, 261–263 FLVPlayback component and, 263–264 smacking people around, 269–272 XML, ComboBox component and, 252–255 playCurrentVideo() function, 264 player See video player playing FLV file, 16–20 HD video using FLVPlayback component, 352–356 H.264 video, 344–346 multiple videos using keypad, 339–342 video-on-video, 135 with video interactively, 232–235 Playing Progress bar adding to streaming video, 84–88 creating, 102–105 metadata and, 97 PNG format, 179 point-of-light effect, 148–149 portable video, 330 poster frame, creating, 228–229 Prelinger Archive, 219 Premiere Pro CS3 (Adobe) Color Depth drop-down menu, 115 Effects panel, 113–114 folder name or location and, 112 Info dialog box, 111 Monitor window, 112 New Project dialog box, 111 QuickTime file, creating, 114–116 preview image, using as video placeholder, 228–229 previewing video, 10 work Adobe Bridge CS3 and, 62 Adobe Media Player and, 61–62 overview of, 60 Privacy dialog box, and webcam, 276 370 private attribute, 205 programmer art, 85 progressive download, 4, 352 Progressive Download method, 68 Project panel (iMovie), 38 Property Inspector Blend drop-down menu, 156 Filters tab, 151 Flash Lite 3.0, 332 as panel-based interface, 153 prototyping tools (Fireworks CS3), 89 public attribute, 205 publishing, definition of, 69 Publishing options dialog box (HTML option), 224 Puppetji file, 248 push() method, 165 Q QuickTime Apple iMovie and, 42 importing and, Windows Movie Maker and, 31 QuickTime Export Settings dialog box, 337–338 QuickTime file converting Flash movie to, 336–339 creating in Adobe After Effects CS3, 121–124 creating in Adobe Premiere Pro CS3, 114–116 R recognizing classes, 195 recording video, 288–292 Rectangle object, 101 reducing size of stage, 82 reflections, creating, and Alpha channel video, 136–140 Render Queue dialog box (Adobe After Effects CS3) alpha channel video, creating, 122 FLV file, creating, 125–126 Render Settings panel (Adobe After Effects CS3), 122 Reset button, creating for blend modes, 166–170 for filters, 160–166 Reset Status command (Edit menu), 15 resetting cue points, 306 resizeMovie function, 234 reskinning FLVPlayback components, 75–76 Revert command (File menu), 242 rewind button, ActionScript code for, 99 RGBA color model, 165 Rivera Dominguez, José Angel, 90 956xIndex.qxd 2/28/08 4:49 PM Page 371 INDEX Roberts, Kevin, 21 rotoscoping video exercise, 212–217 iPod ad, creating, 218 overview of, 212 Roughen filter, 176 RTMP address, 354 runtime adding FLVPlayback controller and skin at, 74–75 caching movieclips as bitmaps at, 188 S Saturation slider, 152 Save Script button (Fireworks CS3), 216 saving file, images in format supporting transparency, 179 scaling images using Fireworks CS3, 213 video component or object, 180 scratches, adding to video, 220 Screen Matte properties (Adobe After Effects CS3), 120–121 screen, capturing, 292–295 scrollable text, and Alpha channel video, 136 Scrubber bar, creating, 102–105 scrubbing description of, 114 through video while playing, 97, 103 seek() method, 99, 236 Select Preview Frame dialog box, 228 Select Skin dialog box, 18 Select Video panel (Import Video Wizard), sepia tone, applying, 220 sequentially, playing multiple videos ActionScript and, 261–263 FLVPlayback component and, 263–264 smacking people around, 269–272 server bandwidth strategy, 46 setMask() method, 179 setMotionLevel() method (Camera class), 297 SetSoftKeys command, 334 Settings dialog box (FME2), 290 setTint() method, 223 shadows attaching to masks, 110 showing, 154 shortening See trimming Show Movie Info command (Window menu), showing loading and playing progress of FLV file, 102–105 shadows, 154 size of file, and adding Alpha channel, 132 of stage, reducing, 82 of SWF file, and Video object, 76–79 skin adding at runtime, 74–75 adding to FLVPlayback Skins folder, 73 captions and, 316 definition of, Over and Under types of, 18 Skinner, Grant, 185 Skinning panel (Import Video Wizard), slider volume control, creating, 101 soft keys, controlling video using, 333–335 Sorenson codec, Sorenson Squeeze 4.5 advanced settings dialog box, 58 audio/video compression settings, 59 description of, 45, 55 encoding video with, 56–59 Flix Pro compared to, 63 Format & Compression Settings presets, 55 interface, 55 Squeeze It! button, 59 sound adjusting in Apple iMovie, 41–42 importing and Windows Movie Maker, 31 Sound class, 100 sound visualization exercise, 238–242 overview of, 237 SoundMixer class, 238 soundTransform class, 238 SoundTransform object, 100 spaghetti code, 205 splice() method, 165 splitting clips Apple iMovie, 40 Windows Movie Maker, 31–32 square mask, creating with ActionScript, 197 SQZ file format, 59 stage reducing size of, 82 video on, 147 Standard Video Compression Settings dialog box (Final Cut Pro), 129 Start Queue button (Flash CS3 Video Encoder), 14–15 371 956xIndex.qxd 2/28/08 4:49 PM Page 372 INDEX starting Device Central, 331 web pages with event cue points, 322–325 Windows Movie Maker, 29 statusHandler() function, 168, 237 Sterns, Geoff, 225 Stiller, David, 188, 201, 261, 252 Storyboard mode (Windows Movie Maker), 32 stream, suspending to interact with video, 232 streaming FLV file through browser, 68 through FMS, 69 process of, 69 Progressive Download compared to, 352 terminology for, 69 video adding playback controls to, 82–84 adding Playing Progress bar and timer to, 84–88 into cell phone, 332 Video object and, 197 stretchFactor parameter, 241 subscriber, 69 subtitles, and cue points, 304 SWF file embedding in HTML, 140 progressive download and, size of, Video object and, 76–79 SWFObject deploying SWF file using, 224–227 description of, 225 expressinstall.swf file and, 227 switch() statement, 169 T “Talking Head” videos, 109 testing early and often, 169 movie, 20 text box, placing caption in, 316 text, scrollable, and Alpha channel video, 136 thumbnail creating, 228–229 loading for cartoon, 231–232 tick, 104 time code cue points and, 304 in milliseconds, 312 Timed Text XML document, 314–317 372 timeline arranging clips on, 32–33 custom UI components and, 73 Timeline mode (Windows Movie Maker), 33–34 timer, adding to streaming video, 84–88 Timer class, 202 titles, and cue points, 304 T1 line, 46 tools Auto Transform, 177 Free Transform, 180 for importing, prototyping (Fireworks CS3), 89 video-editing, 25–27 Tortoise video, TransitionManager class, 200–204, 256 transitions package, 256 transparency, saving images in format supporting, 179 trim handles, 34 Trim panel (Apple iMovie), 39 trimming Alpha channel video, 133–134 clips Apple iMovie, 39 Windows Movie Maker, 34 creating mask that trims video, 197–200 tutorials for video-editing tools, 27 TV screen, sliding video under hole in image of, 180 Tween class, 200–204, 257 TweenEvent class, 257 twirly, 120 typing code, 266 U Under series of skins, 18 URLLoader class, 252 V video See also Alpha channel video; managing playback of multiple videos; masking video ageing, 219–224 broadcasting, 288–289 converting to black-and-white movie, 151–153 definition of, encoding with Flix Pro, 51–54 with Sorenson Squeeze, 56–59 expanding to full screen, 349–351 956xIndex.qxd 2/28/08 4:49 PM Page 373 INDEX flipping, 280–282 importing Apple iMovie, 37 Windows Movie Maker, 29 interacting with, 232–235 keying, 110–111 looping, 235–237 online, preplanning, 21–22 portable, 330 previewing, 10 recording, 288–292 rotoscoping, 212–218 video box, creating, 278–280 video buffering, and FLVPlayback component, 68–70 Video class, 78 video clips, outputting as series of still images, 212–217 video clock, creating, 264–268 video controller adding at runtime, 74–75 custom, creating, 71–73 Video Encoder See Flash CS3 Video Encoder Video Format drop-down menu, H.264 compression option, 357 Video object adding playback controls to streaming video, 82–84 adding Playing Progress bar and timer to streaming video, 84–88 applying filters and blends using, 158–159 attachCamera() method, 276 connecting to web server, 79–81 creating instance of with ActionScript, 194–197 flipping movieclips containing, 280–282 looping video using, 236–237 MP4 files and, 347 pairing ActionScript with, 76–79 pixel board, playing video on, 282–287 streaming and, 197 using geometry of mask area to determine shape of, 183 video player ActionScript and code, 96–100 loading and playing progress, showing, 102–105 overview of, 95 volume level, controlling, 100–102 creating custom, 76–79 creating using Fireworks CS3 Fireworks symbols and Flash symbols, 93–95 overview of, 89 preparing to move from Fireworks to Flash, 91 wire frame for, 90 Video Properties dialog box, 77 video standard AVD/H.264, 342–343 frame rate, 47 Video tab (Flash CS3 Video Encoder), 12–14 video track, and data rate, 47 video editing tools, 25–27 video-on-video, playing, 135 videoDuration variable, 87 View drop-down menu (Adobe After Effects CS3), 119 Vodafone Future Vision site, 178, 184 volume level of video, controlling, 100–102 volume slider, creating, 95 W Watson, Guy, 185 web camera (webcam) capturing screen image, 292–295 video, 291–292 webcam content, 295–296 connecting to movie Camera object, 276–278 flipping video, 280–282 overview of, 275 video box, creating, 278–280 Flash Media Encoder and, 289–291 “gotcha” game, 296–298 playing video on pixel board, 282–287 web pages, launching with event cue points, 322–325 web server, connecting Video object to, 79–81 web sites accessibility laws governing, 301 ActionScript editors, 205 Captionate, 301 CommunityMX Dreamweaver extension, 227 Fireworks CS3 Developer Center, 90 Flash Media Encoder 2, 289 Flix Pro, 49 Lloyd, Matthew, 221 Prelinger Archive, 219 Puppetji, 248 Sorenson Squeeze, 55 SWFObject, 225 Timed Text specification, 314 Vodafone Future Vision, 178, 184 Wefail, 178 whitespace, 311 wild card (asterisk), 193 373 956xIndex.qxd 2/28/08 4:49 PM Page 374 INDEX Window menu Component Inspector command, 16 Components command, 16 Show Movie Info command, Windows Movie Maker editing in, 32–34 exporting with, 35 importing audio, 31 video, 29 interface, 29 overview of, 29–30 QuickTime and, 31 working with clips, 31–32 WMF format, wmode parameter, transparent setting, 142 working with clips Apple iMovie, 39–40 Windows Movie Maker, 31–32 374 X XML ComboBox component and, 252–255 cue points and, 309–313 Y YouTube, 21, 343 Z zoom buttons (Windows Movie Maker), 33 ... used by Flash CS3 Importing a video into Flash using the Video Import Wizard Encoding a video using the Flash CS3 Video Encoder Using the Flash CS3 FLVPlayback component to play video Files used... to use the Flash CS3 Video Encoder application Figure 1-7 Playing back the video that has been imported into Flash Using the Flash CS3 Video Encoder The Video Encoder and the Import Video Wizard...956xFM.qxd 3/3/08 4:19 PM Page i Foundation Flash CS3 Video Tom Green Adam Thomas 956xFM.qxd 3/3/08 4:19 PM Page ii Foundation Flash CS3 Video Copyright © 2008 by Tom Green and Adam Thomas All