tag:www.insideria.com,2009://34/tag:www.insideria.com,2009://34.36159- 2009-11-16T15:03:08Z Comments for Wow, Video in Flex 4 is easy! (http://www.insideria.com/2009/05/wow-video-in-flex-4-is-easy.html) Movable Type 4.21-en tag:www.insideria.com,2009://34.36159 2009-05-08T02:46:02Z 2009-05-08T03:14:48Z Wow, Video in Flex 4 is easy! I was experimenting with Flex 4 this evening, and I realized something -- Incorporating video in your application is now really, really, really easy. Don't believe me, read on... Andrew Trice
This is a VERY basic example showing how to embed video into your Flex 4 application. There is no custom skinning or layout. It's just the basics, however it was astonishingly easy. First, take a look at the application below. It is a full featured video player that has play/pause/stop, volume, mute, fullscreen, and a scrub bar.

It is definitely more effort to get it polished and looking the way you will want it to in your final applications, but here's all it takes just to get the video into your application. This is quite possibly the most basic, yet functional application I've ever built: 

<?xml version="1.0" encoding="utf-8"?>
<s:Application
	xmlns:fx="http://ns.adobe.com/mxml/2009" 
	xmlns:s="library://ns.adobe.com/flex/spark">
	
	<s:VideoPlayer 
		source="video.flv"
		horizontalCenter="0"
		verticalCenter="0"
		autoPlay="false" />
	
</s:Application>
Note: The original video came from here.

___________________________________
Andrew Trice
Principal Architect
Cynergy Systems
http://www.cynergysystems.com]]> tag:www.insideria.com,2009://34.36159-comment:2059092 Comment from Dev on 2009-05-08 Dev Oh, the default controls are really ugly .... Can we customize them ?

]]> 2009-05-08T08:37:38Z tag:www.insideria.com,2009://34.36159-comment:2059094 Comment from Rich Tretola on 2009-05-08 Rich Tretola http://www.insideria.com Amazing that it took until Flex 4 to include some easy to use video controls. :-)

]]> 2009-05-08T08:47:08Z tag:www.insideria.com,2009://34.36159-comment:2059102 Comment from Andrew Trice on 2009-05-08 Andrew Trice http://www.tricedesigns.com Yes, everything is customizable.

]]> 2009-05-08T11:28:16Z tag:www.insideria.com,2009://34.36159-comment:2059116 Comment from Michael Lallemont on 2009-05-08 Michael Lallemont http://www.lallemont.com I noticed that you still have to change the HTML template to include the allowFullScreen parameter so that the Fullscreen button actually works without a player security violation. Is there more control over this in version 4? It would be nice if you didn't have to manually edit the HTML template to do various things, such as pass flashvars parameters and allow fullscreen. I can't wait to actually use Flex 4 and Flash Catalyst. I'm very excited about what Adobe is doing and I think it will produce more work out there for us Flex developers.

]]> 2009-05-08T14:47:09Z tag:www.insideria.com,2009://34.36159-comment:2059120 Comment from samBrown on 2009-05-08 samBrown That's a pretty big pay-off for such little code. Any fully skin-able? very cool!

]]> 2009-05-08T15:12:52Z tag:www.insideria.com,2009://34.36159-comment:2059132 Comment from Ryan Frishberg on 2009-05-08 Ryan Frishberg http://frishy.blogspot.com Video in Flex 4 is definitely getting good upgrade. We're still actively working on it, and if you take a more recent build from the trunk, you'll see the skin's gotten a major upgrade (also the allowFullScreen should be in the index.template.html file). And because of the new skinning architecture in Spark, it'll be super easy to customize the skin to your liking.

]]> 2009-05-08T17:00:59Z tag:www.insideria.com,2009://34.36159-comment:2059137 Comment from Shawn Makinson on 2009-05-08 Shawn Makinson http://squarefactor.com Flexbuilder 4 beta soon.....pretty please. I am starting an air project and I would love to use v4. I'm still debating on my mix of flex and html and v4 may shove me one way or the other.

]]> 2009-05-08T17:41:57Z tag:www.insideria.com,2009://34.36159-comment:2059144 Comment from Joeflash on 2009-05-08 Joeflash http://blog.joeflash.ca How come your controls show up differently than the default controls for this example, using almost identical code?
http://blog.flexexamples.com/2009/05/05/muting-the-volume-on-a-spark-videoplayer-control-in-flex-gumbo/

]]> 2009-05-08T18:12:29Z tag:www.insideria.com,2009://34.36159-comment:2059147 Comment from Joeflash on 2009-05-08 Joeflash http://blog.joeflash.ca How come your controls show up differently than the default controls for this example, using almost identical code?
http://blog.flexexamples.com/2009/05/05/muting-the-volume-on-a-spark-videoplayer-control-in-flex-gumbo/

]]> 2009-05-08T18:15:07Z tag:www.insideria.com,2009://34.36159-comment:2059150 Comment from Ryan Frishberg on 2009-05-08 Ryan Frishberg http://frishy.blogspot.com Joeflash,

That's the new version of the skin. The skin you see here was just a really simple skin to get the controls working and functioning. There are still some bugs in the video player that we're trying to iron out soon, and there are still a few more tweaks to the skin that need to happen.

As always, you can monitor the bugs through JIRA at http://bugs.adobe.com/flex/ , and you can download the latest trunk from http://opensource.adobe.com/svn/opensource/flex/sdk/trunk/ .

-Ryan

]]> 2009-05-08T18:32:18Z tag:www.insideria.com,2009://34.36159-comment:2059151 Comment from Andrew Trice on 2009-05-08 Andrew Trice http://www.tricedesigns.com I'm probably just using an older build. As Ryan mentioned above, it would look a lot different if I grabbed the latest build.

]]> 2009-05-08T18:32:36Z tag:www.insideria.com,2009://34.36159-comment:2059224 Comment from Tink on 2009-05-09 Tink http://www.tink.ws/blog It was crazy that Adobe didn't make it easy to use video in previous versions, when its video that really pushed the player penetration.

That said we've always just wrapped the FLVPlayback in a UIComponent.

]]> 2009-05-09T20:43:48Z tag:www.insideria.com,2009://34.36159-comment:2059249 Comment from Dan Orlando on 2009-05-10 Dan Orlando http://danorlando.com Thanks for this Andrew, you da man!

I've been looking all over for something like this.

You Rock.

- DanO

]]> 2009-05-10T12:08:46Z tag:www.insideria.com,2009://34.36159-comment:2059250 Comment from Elad Elrom on 2009-05-10 Elad Elrom Michael Lallemont and Dev you can skin the component see here:
http://elromdesign.com/blog/2009/05/09/skinning-fxvideodisplay-flash-10-component/comment-page-1/#comment-16783

]]> 2009-05-10T12:29:59Z tag:www.insideria.com,2009://34.36159-comment:2059251 Comment from Elad Elrom on 2009-05-10 Elad Elrom Michael Lallemont and Dev you can skin the component see here:
http://elromdesign.com/blog/2009/05/09/skinning-fxvideodisplay-flash-10-component/comment-page-1/#comment-16783

]]> 2009-05-10T12:30:53Z tag:www.insideria.com,2009://34.36159-comment:2059493 Comment from Paul on 2009-05-12 Paul http://dayg.slingandstoneweb.com This is great news!

It is definitely a very good improvement from the VideoDisplay component in Flex 3.

Thanks for sharing.

]]> 2009-05-13T05:04:58Z tag:www.insideria.com,2009://34.36159-comment:2069968 Comment from marouane on 2009-08-07 marouane pleas somone of you know how to put a video in a fullscreen with flex builder 3
please.

]]> 2009-08-07T15:35:45Z