Tiny mp3 player tutorial using the xml editing tool

In this post I will examples on how to use the xml editing too that comes with tiny mp3 player component.

Here is a sample image of it:

The editor part are closely related to the structure of the xml playlist file that comes with the tiny mp3 player. Each song tag contains 4 attributes: dir, band, songTitle and songAlbum.

- dir is for directory i.e path of the sound file
- band is the name of the artist or band that composed the song. It will be shown on the player.
- songTitle is the name of the song
- songAlbum is the name of the album.

So to add new song to the playlist firts fill in the four textfields on the left and than press add song.
You can edit the generated xml at any time in the right panel. If you want to clear the generated xml press reset.

Here is a sample image of one song added:

Ok, so after adding 4 songs to the playlist the xml looks like this:

Now when finished editing open the playlist file which comes with the package and clear all text, copy the xml from the editor and paste it into the playlist.xml file. Than save it. thats it, you are done editing the xml file. Now you are ready to use the player.

Note: you can use also special characters from UTF-8 encoding

cheers :)

Simple and Stylish Rotating Gallery - Black

stylish_rotating_gallery

- This is a simple stylish rotating gallery component. With this component you can show small images as a slideshow from some place or event. You can also place a date of that event in the text bar in the middle.
- The slideshow can be paused on the button in the upper middle.

- This component can be used to show images of your product and place short description in the textbar. Slideshow component can show up to 20 slides. Please edit your images to be 600 pixels width by 230 pixels height.

- Package includes: fla, swf, js and HTML for embedding in your website, and the readme file folder for images.

- This component can be viewed with Flash Player 7 and above.

Here is the grey version of it grey version

Multiple Gallery v3

flash_multiple_gallery_component_v3

- This is dynamic multiple gallery component. You can load several galleries at the same time, and show the images as a slide show.
- The image and the gallery widget are floating so you can move them all over the screen.
- It supports fullscreen and you can play/pause the slide show. In addition you can colapse/uncolapse the widget for more/less space.
- It was used Flash IDE and AS3 code for this component. Please edit the settings file.

Five Preloaders Pack

five-preloaders-pack

- This is the five preloaders pack. It has 5 preloaders developed with flex sdk 4.5 and plain AS3. They are freely available for download at the top link. You can use the code, modify it and use it for you own purposes. Change some variables and get new variations of preloaders.

Advanced Banner Rotator

advanced-banner-rotator

- This is the advanced banner rotator component. It was used flex sdk 4.5 and plain AS3 code for development. So you can use it with Flash IDE also.
- Use settings.xml file to adjuct or modify the look of the component.
- It has 3 modes of work "text-image", "image-text" and just "image". The main goal of this component is to add text and image at same time when there is a need and show the all banners as a slide show.
- But also it can be used as image only slide show. So you can edit your own images and show them instead of the text.
- You can hide/show buttons, change bar color, background color, text color etc...
- You can add or aply css style of the text (use style.css for that).

See the description of the settings.xml.

Simple Banner Rotator V1

simple-banner-rotator-v1

- You can position the bar only once.
- The price is 4$.
- This component can be used in cases when you have to show images and also show some description or date when the event happened.
- It was used flex sdk 4.5 and plain AS3 code so you can use the same code for Flash IDE and other older flex sdk versions. It is mean to be simple and easy for use and installment but also for modifications.

Simple Banner Rotator V2

simple-banner-rotator-v2

- It was used opensource flex sdk version 4.5 to develop this component. AS3 based.
- The structure is based on OOP concepts so the code can be modified and new things can be added  easily because it is modular.
- Use the settings.xml file to change way of things appear on the component. The difference between the V1 and V2 is that you can position the bar wherever you want while at the V1 you can set up only one position with the settings.xml file.
Please read the description of the component below. If you have any questions or suggestions please email me at spinnerbox2000 [at] gmail [dot] com. Cheers :)

Ultimate Carousel 3D

ultimate_carousel_3d

This is the Ultimate Carousel 3D navigation component. It can be used to show images or products in both png and jpg format. Also, you can edit the XML file and change the title and the description of every product.

You can change the title for you products, for example. Also, you can change the background color. There are 7 predefined colors: black, gray, brown, red, blue, green and yellow. Edit the backColor to change this part.

If you have a product page, edit the XML to redirect the user to that page. This component has that option i.e button for redirection. You can also change the text of th button for example: "Go to product Page".

This component has also customText tag which shows in the bottom of the carousel. You can leave this tag blank or you can place custom text or other info for each product (image) if you have.

There are examples for this issues.

This component works with Flash Player 8 and above. Please use the tips in the readme file on how to edit the XML file.

The package includes: html, js, swf, fla, readme.txt, ad images folder

For any questions please send me email at spinnerbox2000@gmail.com

Jelly Mp3 PLayer V2

This is the Jelly like mp3 player version 2

jelly_audio_mp3_player_v2

- This is an audio MP3 player which loads data from XML file. You can place up to 100 songs in a playlist. All of them are shown in a list.

- Also, this player works with pictures so, if there is a picture in the album, it will be shown. Open the XML file and edit the properties.

- This player works with Flash Player 7 and above. Included files are mp3player.swf, XML file for data, folders for pictures and images and HTML sample and js file for embedding in a website.

- It also has the options to shuffle the songs and repeat the playlist from the top.

This is the new version of the same player with repaired parts. Now it doesn't load until play button is pressed.

USB Preloader :)

This is the USB like preloader  :)

USB Preloader

- This is USB like preloader with fancy loading effect which changes color from green to red :)
It is used plain AS3 code for this component so the source can be used to make variants or modifications to the component. I will be compatible with older versions of flex sdk like 3.6 but also 4.5. But you can use the code with Flash IDE aswell.

Sand Clock Preloader :)

See this fancy sand clock preloader.

Sand Clock Preloader

 - This is the Sand Clock preloader. It is used plain AS3 code with flex sdk 4.5. But you can use also flex sdk 3.6 for flash player 9. Also you can use it in Flash IDE if its the way you prefer. There are AS3 classes so use them to import into your project, or make modifications to it.

- Always use the format 100 - percent because it is reversed mechanism i.e the loading starts from 100 to 0 so in order to get the right pecent in the textfield dont change the 100 - percent logic.

Simple Stylish Banner Rotator

simple stylish banner rotator

- This is a Simple Stylish Rotating Banner.

- This component can be used to present products or services by simply showing title, a description and an image on your website. Also, it can work as a slide show that can be paused in the upper middle on the button playing.

This component can be used to show images of your product with a short description in the textbar. Slideshow component can show up to 20 slides.

Package includes: fla, swf, js and HTML for embedding in your website, and the readme file folder for images.

This component can be viewed with Flash Player 7 and above.

Rotating Gallery, simple and stylish

simple_stylish_rotating_gallery

 - This is a simple stylish rotating gallery component. With this component you can show small images as a slideshow from some place or event. You can also place a date of that event in the text bar in the middle.
- The slideshow can be paused on the button in the upper middle.

- This component can be used to show images of your product and place short description in the textbar. Slideshow component can show up to 20 slides. Please edit your images to be 600 pixels width by 230 pixels height.

- Package includes: fla, swf, js and HTML for embedding in your website, and the readme file folder for images.

- This component can be viewed with Flash Player 7 and above.

Also don't forget to visit my components page and eventually buy some. Also If you have bought any component and have some issue with it,don't hesitate to send me an email. I make customizations for no cost.

ultimate mp3 player. small, compact, stylish

visit @ http://www.flashcomponents.net/component/ultimate_mp3_player.html

I love this component. It is so small, compact, and you can change and customize the colors by simply editing the settings.xml file