Few days ago we showed you an amazing demo called A Full Manageable MP3 Player with Covers. Today, we have the full series of video tutorials that will help you recreate it yourself and follow the work in progress.
Full Manageable MP3 Player Video Series
February 11, 2011
A Step by Step tutorial
The Story
Video Tutorial: Full Manageable MP3 Player with Covers
Part 1
In the first part of the series A Full Manageable MP3 Player with Covers we will show you how to setup the HTML5 MP3 Player that uses File Genie PHP list as a song source.
Part 2
In the second part of Creating a Full Manageable MP3 Player with Covers we will show you how to insert the Sliding Billboard that retrieves the album covers from the File Genie PHP folder list.
Part 3
IIn the third part
of Creating a Full Manageable MP3 Player with Cover we will show you
how to create an upload form that will be used for both uploading songs
and covers and cropping the uploaded covers.
Part 4
In the fourth and last part
of Creating a Full Manageable MP3 Player with Covers we will show you
how to validate your form upload fields and how to control Sliding Billboard with album covers using HTML5 MP3 Player.
See the Demo in Action:
In this showcase we used a number of DMXzone extensions in order to make it play your uploaded mp3s and images. Here's what we did:
- HTML5 MP3 Player - We used the extension so the song can be played
- Smart Image Processor PHP 2 - Resizes the images when uploaded to fit the Sliding Billboard
- Pure PHP Upload 2 - Uploads the images and mp3
- Sliding Billboard - Displays the images within the HTML5 MP3 Player
- Universal Form Validator PHP - Validates the format of the images and mp3s on upload
- File Genie PHP - We used File Genie PHP as a source for the default mp3s and images supplied in the showcase
- DMXzone Lightbox - The upload form for the mp3s and images opens in a stylish Lightbox window.
Comments
Be the first to write a comment
You must me logged in to write a comment.