Making an MP3/FLV Player with Flash MX 2004 and JavaScript

Launch Flash MX 2004 and create a new Flash Document and save it as MyMP3Player.fla. Set the document’s properties by pressing Ctrl + J as directed below:

Width: 300
Height: 400
Frame rate: 12
Background color: Any color of your choice

Now add three layers to main time line and name them as misc, controls and functions respectively. Select the first frame of the controls layer and open the components panel by pressing CTR+F7. Drag a Media Playback component from the media components set. Set its properties as:

Name: flPlayer
Width: 300
Height: 220
X: 0
Y: 0

While the “flPlayer” is still selected, launch the component inspector and set the properties of “flPlayer” component as:

Automatically Play: unchecked
Use preferred media size: unchecked
Respect aspect ratio: unchecked
Control Placement: Bottom
Control visibility: On

Now, drag a list component on stage from UI Component sets and set its properties as:

Name: myList
Width: 300
Height: 150
X: 0
Y: 220

Now go to Insert menu > New symbol and set its properties as shown in figure

Click OK. When you press ok, Flash will bring you into the editing mode of the new symbol that we have just created. Click on Scene 1 on the left corner of your Flash environment, so that you will be back on main scene, where you have placed all the stuff. Open the library panel by pressing F11 or CTRL + L and bring an instance of the newly created symbol (i.e. “clip”) on stage and name it “checker”.

Now for the final step of getting our Flash side working. Open the component panel by pressing CTRL+ F7 (if not opened already), drag a button instance on stage and set its properties as shown in figure:

After all these steps, your movie should look like this:

Save you file and move to next step.