Click on any phrase to play the video from that point.
[Adobe TV Presents...]
[Paul Trani in...]
[Adobe Flash Professional CS5, Training with Trani]
Welcome to Training with Trani.
I'm actually going to be covering video now.
And, really, video is super powerful,
obviously, on the web.
Flash has been at the forefront of video on the web
and leads the pack at about 70 percent plus.
There's some great enhancements that are done in
Flash Professional CS5.
I want to show those to you.
What I want to do is, I want to go ahead and drop a video
right in here in this empty area.
I'm going to do that by going to file, import.
And I could import to stage, or I can select import video.
What I'm going to do is I'm going to go ahead and import a
video file that asks me where is your video.
So you've got to look at your video.
It is an FLV file.
I've located it, I'll click "Open",
then I want to make sure I click "Continue."
Notice that this is going to be an external video,
so I need to make sure that when I upload my Flash
website, or whatever project I'm working on,
I need to make sure that video travels with it.
So I'll click "Continue,"
and now I get the opportunity to pick the skin,
which are basically all of these buttons right down here.
Notice that these are the new ones, this set
up at the top, this minimal set, and as I kind of click
through these, you can see it obviously change.
I'm just going to go ahead and pick maybe the second one in.
I'll define that, so it actually gives me sort of a
time code, and then I can even sort of
customize the color.
Maybe I want to go with a green to kind of match the background.
Click "Continue," and this is where it tells me,
"Hey, you know what? Don't forget to upload that FLV file,
otherwise you'll be sorry because it's not going to play."
All right, here's my file.
And look at that.
I can actually see the first frame of the video.
This is one of the many enhancements.
And, sure enough, I can kind of position this around.
I can actually see the content.
I'll go beyond that because these controls--look at them.
As I roll over them, you can see them highlight.
So I'll click the Play button.
And that's right. The video's actually playing.
So again, talk about accuracy with video.
I'm really able to really understand the
content I'm using and sort of
modify my design, at least my layout based on that.
So again, there's my video, the controls work.
Whether it's kind of scrubbing through, the play buttons,
audio, it all works; it's all good.
I'll click "Pause."
The next thing I want to kind of show you is the properties panel.
So with this video selected, I'm going to go over here
to "Component Parameters."
So look at this.
In my properties panel, I can see all of my parameters, and, sure enough,
I can change them, as well.
Such as, say for instance, the background color.
I can go ahead and change that to a red and have that really kind of pop out.
But again, I'm not going to cover all of these various properties
or anything like that.
You can see I can go ahead and control the skin
and the various other elements.
What I want to focus on are Cue Points
because right here, what I can do is I can add Cue Points
to my video.
So let's just kind of jump back, and, again, since this is actually live video playing,
I can really define my Cue Points.
In fact, what I'll do is I'll click "Play"
and then I'll click that plus sign right there.
I've just added a Cue Point.
Let's add another Cue Point as he kind of leaves the scene, right there.
I added two Cue Points sort of on the fly.
And now what I can do is I can go ahead
and define names for these Cue Points.
So I'm going to have this pop-up.
I'm just going to call it "PopupIn."
And the second Cue Point is going to be
exactly what you think it's going to be, "PopupOut,"
just like that, in and out.
Again, over the course of roughly 7 seconds,
I'm going to see this pop up.
So that's my plan.
Let me go ahead and grab my pop-up because it is in my library.
I'll just drag out this movie clip,
and I'll give it a name of, "Popup."
There it is, kind of position it right here.
It looks pretty good.
Again, with my video selected, I'm aware of these names.
And what I can do is I can actually use the new Code Snippets panel
to enhance this video, as well.
So, I'm going to go to "Window,"
down to "Code Snippets."
So here's my Code Snippets panel.
Notice that it's loaded full of code,
exactly as the name implies.
I can twirl down this audio and video section, and you can see
all of the various sort of action script
code snippets that I can apply to it.
But what I want to apply is the "On Cue Point Event."
Okay, so, again, with my video selected,
I need to give it an instance name,
so "BikeVid."
I'm going to double-click "On Cue Point Events."
And there we are. It adds this code.
All this code, I didn't have to write, thanks to Code Snippets panel.
It gives me instructions on how it works
and how to modify it.
So again, it's adding an event listener to the "BikeVid,"
and it's listening for Cue Points.
And it will just trace out.
It will show in my Output panel the name of the Cue Point,
so "PopupIn" or "PopupOut."
So that's how this is set up, but I can go ahead and modify this.
If the name is equal to
"PopupIn," then do this,
whatever is between these two brackets.
In this case, I want to change the visibility of the pop-up
to
visible equal to true, just like that.
Notice I actually have to set it to false at the beginning,
so popup visible equals false.
So it's hidden initially,
and then when it hits this Cue Point called "PopupIn,"
it's going to go ahead and show that pop-up.
I'm going to go ahead and duplicate this, so I'm just going to do
Command C, Command V, copy and paste it,
because for the "PopupOut,"
I want to go ahead and set the visibility
to false, just like that.
Okay, so I'm basically controlling my graphic using that
video, and, of course, using Cue Points.
So I'm going to go ahead and just save my file real quick,
and I'm going to go to "Control Test Movie,"
and I'm going to test it out in Flash.
I'm just going to watch this play.
There's my video.
Again, the controls work.
We're just going to keep an eye on this timer right here.
There's my video that pops up.
And again, it pops up at 7 seconds.
It will play--show up to 14, and then it disappears.
So as you noticed, it's really easy to work with
video in Flash Professional CS5.
Not only that, but you can easily add other enhancements,
such as Cue Points, making it just real easy
and seamless working with video in Flash.
[Executive Producer, Bob Donlon; Producer, Karl Miller]
[Director/VFX, Kush Amerasinghe; DP/Post Production, Erik Espera]
[Adobe TV Productions, tv.adobe.com]
