YouTube playlist with thumbnails

After I made the first YouTube player I thought it’s a good idea if I make another version with thumbnails inside each playlist item. So I started to work on the project, then I posted it on ActiveDen.net and then it got approved (on 8 October 2009, after nearly 1 month from the first YouTube playlist project). I don’t know how or why but right now this new player it’s the best seller in my ActiveDen portfolio.  I’ll try to make some more YouTube projects and see how this will turn out.

YouTube API video player with playlist

A few days ago I had some free time on my hands and I thought it will be nice if I designed a little YouTube video player based on the YouTube API and upload it to activeden.net so others can buy and use it in their projects.
The video player has some nice features like:

  • xml based playlist
  • playlist with or without scroll bar (depending on the amount of tracks)
  • volume control
  • play / pause button
  • preview track and next track buttons
  • shuffle button
  • repeat button
  • medium screen
  • full screen
  • progress bar
  • video time

If you want to check it out you can find it here
youtube-player-with-playlist

YouTube Playlist – ActionScript 2 YouTube API

I did some projects for some of my clients where I had to use the YouTube API to load videos in flash from the YouTube website. I remember I spent a lot of time trying to find a working example that I could use on my project. I first tried to work with the ActionScript 3 chromeless YouTube API (a friend of mine did a fast example using Flex and this API) but just when I thought the project is done, I got a message back from the client saying that he can not use the player because it’s working through some JavaScript code and his users can’t embed the player on myspace, facebook and stuff like that. Then I had to start form scratch but this time I had to make it work with ActionScript 2 (at the time there was very little documentation about this on code.google.com)… after some hours of research and experiments I finally made the YouTube player in ActionScript 2 and I delivered the project without problems. Now I want to share with all of you the code that I used to get a project like this done. I have uploaded a zip archive with all the files you need if you want to get started with a similar project.

Click here if you want to see how this YouTube Playlist app looks like 😉

  YouTube Playlist (22.3 KiB, 4,670 hits)

Here you can see some of the projects I did using this API:
meeetv.com project
actionext.com project, I did 4 players for this client with 4 different skins and very similar code on all 4 of them.

Blur Filter Experiment

I did an experiment with the Blur Filter in AS 2.0 and I thought it will be great to share this little code 😀
I used MC Tween to animate this 😉

Here is the code:

#include "mc_tween2.as"
import flash.filters.BlurFilter;
 
theButton.xBlurTo(11, 3, 1);
theButton.onRollOver = function() {
	this.xBlurTo(0, 3, 2);
}
theButton.onRollOut = function() {
	this.xBlurTo(11, 3, 2);
}
theButton.onRelease = function() {
	this.xBlurTo(110, 3, 2);
	this.alphaTo(0, 1, "linear");
	this.enabled = false;	
}

Something like this can be used for some Enter Site button or some image transmission... or whatever pops to your mind.
Here you have the Source Files

Flash contact form

You know those flash contact forms?
I sow a lot of people who don’t know how to make one…
For those who don’t know how to make it… here you can see how it’s done… (inspired from gotoandlearn.com)
You can use that on any of your projects 😉

Image loader

I did not updated this blog lately because I was working on some flash projects… and now I want to share with you the code that I use for most of my images when I load them externally.
I used this code a lot in MotorRocks.com and other sites…

import mx.transitions.Tween;
import mx.transitions.easing.*;
 
var listener:Object = new Object();
listener.tmc = target;
listener.onLoadInit = function(mc:MovieClip) {
	new Tween(mc,"_alpha", Strong.easeOut,0,100,2,true);
};
var loader:MovieClipLoader = new MovieClipLoader();
loader.addListener(listener);
 
loader.loadClip("image01.jpg", holder);

I think this is the easiest way to preload images and when loaded… to fade them in.
It’s a nice effect and you can use it on your projects if you want 😉

Download Source Files