stageVideo for Flash Player 10.2+

18:30 AS3 FLA 10

Other related videos:

Adobe Wallaby - Flash to HTML5 ::>>:: Native Mouse cursor for Flash Player 10.2+
The StageVideo object uses the device's hardware acceleration capabilities, if available, to display live or recorded video in an application.The video displayed by the StageVideo object always appears in a rectangular area on the stage behind all Flash display list objects. Therefore, the StageVideo object takes advantage of hardware acceleration while supporting the most common case for displaying video: a rectangular display area overlaid with video controls.

Act now while we have available seatings

Our online school is private, afforable and interactive with trainer support.
Act now save your seat before someone else takes yours.
Act now

What's in this video regarding StageVideo:

We take a first stab at working with stageVideo flash Player 10.2 and up feature, focusing on how to setup without forcing to upgrade your player. We will leave that to the big fish such as youtbe and hulu to push users up. We want to get all users running our site to the lowest possible value we can. Get ready for the future without forcing your users to upgrade their player. It would be nice if all users updated to the latest flash player as soon as it comes out but reality is that it takes a few good months, sometimes years before you're ready to give up on older users.

In this video we will take a very simple few steps to make our video player updated and ready for the future users of the web(and current mobile users). If this video gave you a taste for more here is a few more links to help you get really rolling with stageVideo.

Importent things to know not covered in the video:

how to get your flex to be ready for flash player 10.2 new classes

  1. Downlaod the latest flash builder (currently flash CS5 does not support flash player 10.2)
  2. Download the latest SDK(last tested to work without issues was 4.5.0.18623)
  3. unzip folder into your application folder under: /flash builde/sdks/4.5.0.18623
  4. Watch the video

Useful links:

Resources:

transcript of stageVideo feature

This video is all about the Flash Player 10.2 .
Which introduced something that was called stageVideo.
I wanted to show you really shortly how you
can actually work with stageVideo without
getting rid of your old project is and I
was going to take some time until Flash
Player 10.2 will be widely available.
And you definitely don't want to
loose users in the process.
So to start things off I just wanted to
set up here a little small project where
I just had here really a simple video that
should actually work on some flash 10.1 .
If you run the application you'll see it's just me talking.
So it's just a short video of me
teaching something about Flash.
Now there aren't any bells and whistles
in this application and at this point
what I wanted to make sure currently
Flash Builder is really the only place
where you could actually work on this new
feature because it wasn't introduce yet into
Flash Professional but hopefully
soon it will be in this part of the video will be irrelevant.
But currently in this state while
recording this video it was still
just came out Flash Player 10.2
just came out it wasn't yet in Flash Builder Pro.
Alright so the first stuff we have to
do is make sure that we have Flash Player 10.2+ .
I already have that in debugger mode.
And the next thing you want to take is
you want to go to the project right click
on the project go into it's properties.
And in the properties you just
want to make sure that your actionscript compiler isn't using
the 4.5 Flex Builder which obviously
now the Flash Flex Hero.
But they were using the latest stable build which is
4.5.8623  which you could download from the Flex open source.
URL's you could find them also on our website EverythingFLA.com
in the video section of this video.
So I'm just gonna switch into the Flex Builder.
Into the latest SDK and I'm going to
click OK that's all I really had to do
and that's why we're gonna let it
overriding update because now it's going
to be updated to 10.2 .
So I'm going to click OK for that it's
going update our settings.
And now we're ready to go.
We're ready to take the next step with
our application the first thing that I
wanna know before we continue is that
our path itself our video there were
actually going to use for it to be
able to leverage the features of
stageVideo it has to be H624 video.
And my video was compressed that way so I
have nothing to worry about and I'm ready to start working.
Now if you look at the way I structured
it right now I created a new video.
And then I created the video and started
connecting you know creating the Net connection.
The Net Stream adding the event
and starting our video to play
immediately as our video.
What I want to do instead of that is
break the process into two different steps.
So first I want to create the stream
cause it's going to happen no matter
what so I'm going to change
maybe going to change Create Stream
and we're going to call Create Stream no
matter what you want to create the Stream.
Now the video I'm going to create the video
anyways cause it's going to be my backup.
In case things don't work out so I'm going to
put it right in my construction was creating that video moving up.
The next step of actually connecting the Stream.
And adding the video to the stage is
the two steps where I probably want to separate and take out.
And maybe put them in a separate function for now.
So let's called that function we're going to
create a new function and I'm going to
call it Show Regular Video.
And for now lets just paste whatever we have here.
And as you probably of guested if I'm going
to creative regular video we're also going
to want to create another type of video
which is going to be our stageVideo.
So let me just prepare that and we're going
to call it Show stageVideos.
Fantastic so we got our two functions
ready let's first start off with making
sure that everything is still working
so I'm just going to
create the stream in right after that
call my show Regular Video.
And just make sure that I'm still seeing
everything as expected.
And everything is still fine which is
fantastic but what we really want to do
is not only call the show a Regular
Video if we don't have our stageVideo.
To do that the easiest way is
basically to ask our Stage
if it has stageVideos.
Now the stageVideos is a Vector which
is more or less like an Array only more
a smarter type of an Array.
And a stageVideo's basically will
hold how many Video
containers we have so we could just
ask it , it's length.
And let's just trace this out.
And just for a second here I'm just going to
comment out the video so we don't hear all that jitter.
While we're doing it we just want to see
that it's OK that's not really length here we go.
And if we run it one more time and just
close it and go back into our Flash
Player will see that we have a zero videos available.
Which is good for now let's
continue down the line.
So we're first asking if we have zero
then we just want to start our regular
just as before.
So it looks like so far everything is
more or less the same alright.
So if we don't I'm just going to ask  if our length
equal zero about that's basically what I'm
saying here...
Click here for full stagevideo flash transcript

Our free content is sponsered by these ads become a prime member and get rid of them.

Act now while we have available seatings

Our online school is private, afforable and interactive with trainer support.
Act now save your seat before someone else takes yours.
Act now