Flash
  Home arrow Flash arrow Page 2 - Making an MP3/FLV Player with Flash MX 200...
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Sun Developer Network 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
FLASH

Making an MP3/FLV Player with Flash MX 2004 and JavaScript
By: S.M.H. Qadri
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 4 stars4 stars4 stars4 stars4 stars / 142
    2004-11-29

    Table of Contents:
  • Making an MP3/FLV Player with Flash MX 2004 and JavaScript
  • Designing an application interface with Flash MX 2004
  • Adding Action script to our Flash interface
  • Writing the JavaScripts

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    Making an MP3/FLV Player with Flash MX 2004 and JavaScript - Designing an application interface with Flash MX 2004


    (Page 2 of 4 )

    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

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

    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:

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

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

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

    Save you file and move to next step.

    More Flash Articles
    More By S.M.H. Qadri


       · userOne... I'm logged in in one window but can't logIn to this one very...
       · Hey i did everything your tutorial says and it doesnt work. I tried it twice from...
       · May be you are using a browser other then Internet Explorer as the javascript...
       · while following this tutorial i realized the following code is incorrect "... on...
       · I am really amazed hearing that the codes are not working because i had about 70-75...
       · Well the player works fine but I am curious if I can have mp3 files already existing...
       · For this functionality, you have to use XML or shared objets, for this, check out...
       · GreetingsI faced the same problem. There are four errors when i export the flash...
       · these errors are just the result of an innappropriate line break in the geturl...
       · No dear! as far as only flash is concerned, you cant play with directories & files...
       · I had the same errors as you did and i still can't fix this thing???
       · Hi there! you guys are facing problems for nothing, actually, you are getting...
       · **Error** Scene=Scene 1, layer=controls, frame=1:Line 1: Invalid mouse event...
       · May be you are using Flash MX & the tutorials is written for Flash MX 2004,...
       · you mentioned that the javascript differs from IE to Firefox. any suggestions or...
       · Great tutorial, thanks alot! For those still having trouble making this stuff work...
       · Does your player actually play the mp3 file or just load it into the player list....
       · Ok, I've just got flash, and being a stupid newbie means i need help!!! when I do...
       · The Answer of this question is already given above.Syed Mazhar HasanAuthor
       · Will this tutorial work if using Flash 8?
       · if you are opening the player in your browser using physical paths...
       · Hi,I encountered the same problem. The coding is right but when you cut and paste...
       · Hi, I encountered the same errors. The solution I foune is to put the code you...
       · Hi, Great Tutorial! I am just wondering if it would be possible to add some code...
       · The mp3 loads into the list but doesn't play. Do you have to set the properties of...
       · hello…..can anyone help me enter data into mysql databasefrom a flash form...
       · When will you publish your article about how to use XML so you can have mp3 files...
       · Sorry, i m ASP/PHP/ASP.NET programmer and i dont know coldfusion at epert level, so...
       · Try using Document. instead of window.
       · I got "the documents contain no data" after clicking on the add to list.
       · You must be using Firefox or a non-Microsoft Internet explorer browser, the...
       · Great page, not too fancy but well balanced! Cheers!
       · Everything works, but I can't load a mp3 and actually listen to it. I can't add a...
       · You must be using a not-internet explorer browser, as the javascrip provided in this...
       · Hi!You must be using a non-internet explorer browser such as firefox, netscpe or...
       · Try this site. Do not bother to create swf.. These guys create everything. You just...
       · how do u make the playlist only show the song name not 'C:\Documents And...
       · Hey, I went to that site you mentioned but can't seem to get an answer. What do I...
       · The code didnt work for me either... Until I realized that when you paste it from...
       · Try putting the entire function call to getURL on one line rather than breaking it...
       · Hi. Yes you can get this.In action script: replace the line: ...
       · To make it working in FireFox and Opera...
       · This code modification does not make it work on firefox. It does however still work...
       · I think i did all that using marcomedia 8 spanish version...FirstIm getting some...
       · Really i appreciate this tutorial, how simple and elaborative style from SMH Qadri....
       · Really i appreciate this tutorial, how simple and elaborative style from SMH Qadri....
       · Thanks a lot.Syed Mazhar Hasan QadriAuthor
       · nice tutorial, but I have same problem as a guy some time ago. I open the...
       · It doesnt works with firefox, it was IE only as when i wrote that article, FF was in...
     

    FLASH ARTICLES

    - Decorator Pattern
    - Organizing Frames and Layers for Flash Anima...
    - Organizing Frames and Layers
    - Using XML and ActionScript with Flex Applica...
    - Interfaces and Events with ActionScript and ...
    - Manipulating Data with ActionScript in Flex ...
    - ActionScript Syntax for Flex Applications
    - ActionScript in Flex Applications
    - A Closer Look at Apollo`s File System API
    - Using the File System API
    - ActionScript 101
    - Flash Buttons
    - Advanced Flash Animation
    - Creating Your First Animated Movie with Flas...
    - Flash: Building Blocks






    © 2003-2008 by Developer Shed. All rights reserved. DS Cluster 4 hosted by Hostway
    Stay green...Green IT