January 16th, 2009
Since I am on the media playa’ streak this week, I figured I might as well clean up and publish my Simple Flex Video Player.
It’s been sitting in my lab for a few months now (Hint: check out my right side bar links). I just did not have the time lately to polish and publish it.
The video player skin and resize controls are located in the bottom right corner.
It’s amazing how simple it is to add some quick and yet visually appealing animation effects with Tweener. I am also looking forward to find some free time to check out and compare Tweener with Grant Skinner’s new GTween library.
If you like that default Shadow UI skin I’ve used for this player, you can download it from scalenine.com
Source Code and Example
You can view VideoPlayer component source and download it for further customizations. Feel free to use it in your Flex applications as long as you give me some credit for the grunt UI work and all the video playback wiring.
BTW, those are original icons I’ve designed with Microangelo. I find pixel plugging exercise very relaxing in the late hours :)
Here is an example of how to embed my Video Player component in your Flex application:
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:rf="com.randomFractals.media.controls.*" layout="vertical" width="100%" height="100%" color="#FFFFFF"> <mx:Style source="/assets/skins/shadow.css" /> <mx:VBox> <rf:VideoPlayer id="player" autoPlay="true" url="video/Honey_Honey_-_Little_Toy_Gun.flv" /> </mx:VBox> </mx:Application>
Just upload your sample video and give Video Player an flv url for video playback. That’s it!
I have not looked into live streaming for this one. So, no guarantees there, but do let me know if you try it.
For now you can embed your vids or load them from your server.
And, yes. You can follow me on Twitter. If you watched the whole video and use Twitter you’ll get the joke.