Modded mp3act: Listen 2.0

It's a Web interface based on AJAX to manage a collection of MP3s.

Login

Login
Access page
Principal
Principal
Main page, navigation.
Database stats
Database stats
with popup windows.
Search
Search
Search by key word. For listening or playing a playlist.
Random
Random
Random playlist engine.
Configuration
Configuration
Admin page.
Login and main pages.

Principal

Principal
Expanded menu. Current page in orange, under mouse, blue.
Language
Language
non active available language. Remember the language by cookies and into database.
Tema
Tema
To add more jQuery ui themes have to make some adjustments but manual is 100% compatible.
Menu contents.

List mode

List mode
To load or play
Grid mode
Grid mode
Cover navigation.
Flow mode
Flow mode
Cover navigation.
Flow mode
Flow mode
Selection detail.
Album
Album
Playlist, search cover, download, playback and editing tags.
Tag edition
Tag edition
With getID3 you can edit song tags.
Albums, presentation and edition.

Saved playlist

Saved playlist
The playlists are individual and can be public or private.
My account
My account
Default theme, language, e-mail, password, ...
Tags edition
Tags edition
GetID3 to edit the tags of the mp3 file.
Add songs
Add songs
Filetree to navigate, uploadify to upload files (zip agree) getID3 for reading song information.

Add songs, edit tags and others.
  • Web server (apache 2.0)
  • PHP greater than or equal to 5.2
  • PHP GD equal to or greater than 5.2. Graphics library.
  • Mysql, postgres or sqlite.

To enjoy the experience I recommend Firefox.

  • Backend rewritten in jQuery with JSON support. Includes a layer of abstraction for database myslq, postgres, sqlite.
  • JQuery UI 1.7.2: dialog, shortable, hide and show effects .
  • JQuery plugins: mousewheel, mousehold,serialscroll,filetree and Uploadify.
  • Another javascripts: imageflow and json2.
  • Jukebox mode (JW FLV Media Player flash player included).
  • New search engine covers the Web. Local covers (base, ID3 tag data, directory).
  • Tags edition.
  • Theme management based on jQuery UI framework.
  • Multilingual (English, French, Spanish and Catalan).

(user:demo and password:demo01) Demo Download
Take a look at code

User: demo
Password: demo01