Archive for the ‘video’ Category

Simple Flex Video Player

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.

This Video Player Flex component has similar look and feel of my Flex Music player and wraps the VideoDisplay control with some video resize and skinning options.

Here is a sample “Little Toy Gun” video by Honey Honey. Click on the video screenshot to play it. Drag the slider thumb to seek video.

littletoygun

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.

YouTube’s Chromeless Video Player and Data API hook up is the next good step for this player to search and play some vids. I’ll probably wire it to YouTube in v.2.

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.