- Introduction
-
This player is VTEM MP3. It can be used anywhere in your template. The configuration is simple and fast, the playlist is auto generated and ready to serve music to your visitors from the moment they access your page. This is a Joomla extension specially developed for Joomla. you can choose from 10 different skins.
An overview of VTEM MP3 module key features: + Joomla! 1.5, 1.6, 1.7, 2.5, 3.x Native. + Content control display from any Directory or URLs. + Defines the initial muted state. + Easy text, background color styles for user configuration. + Defines the initial volume as a value from 0 to 1. + Clean (X)HTML in content. + Easy and friendly administration. + SEF URLs. + Tableless CSS design and XHTML 1.0 Transitional and CSS 2.0 valid. + Automatically play the music + Used JavaScript Framework: Jquery + Fully compatible: Firefox, IE6+, Opera 9.5+, Safari, Netscape, Google Chrome, Camino, Flock 0.7+.
- Getting Started
- Overview files
Start by downloading from our products section - vtem.net - the VTEM MP3 module package.
After downloading the package, be sure to unpack locally the vtem_mp3_pack.zip file. If all goes well, you should see the following files:
Here’s an overview of the available files:
Module: mod_vtem_mp3.zip This is the module file to be installed on your joomla application. It will display all the content set on the selected website pages.
doc!!! - folder: HelpFile.pdf This help file that will help you to install, set and configurations your VTEM MP3 module.
VTEM MP3 Module Installation The installation is very simple and should not pose any problem, if you follow the next instructions in properly way.
Using the Joomla! Administrator, navigate to the administrative panel on your site and from your administration top menu, select Extensions > Install/Uninstall.
Click the ‘browse’ button, select the module file (mod_vtem_mp3.zip) and press ‘Upload File & Install.’
A message will appear saying ‘Module Installation - Success.’
The VTEM MP3 module is now available on your Modules Manager.
- Module Configuration
- VTEM MP3 Configuration
To configurations your VTEM MP3 module, navigate to “Extensions > Module Manager” and find the VTEM MP3 module on the available list.
Click on it to enter inside and to edit the module parameters configuration.
From left to right, set the module in your selected position and enable it.
Before saving the module, you must configurations the following parameters fields:
Module parameters: Module Class Suffix: A suffix can be applied from the CSS class of the module and this will allow individual module CSS style.
Module unique ID: Each module must have unique ID, if you have two or more modules working (i.e. vtemmp31 or vtemmp32).
Height: Use to display height of the module in pixels. You must set this value as bigger than 0. (i.e. 250)
Width: Use to display width of the module in pixels. You must set this value as bigger than 0. (i.e. 780)
Style: Select a style to show on module
MP3 list: You can set show/hide a list of mp3
Default item: Playlist item that should start to play. Use this to start the player with a specific item instead of with the first item.
Mute: Defines the initial muted state.
Auto-play: Changing between items automatically (Yes, No)
Volume: Defines the initial volume as a value from 0 to 1.
Preload: Valid values are 'none', 'metadata' and 'auto', which matches the HTML5 draft standard. Use 'auto' to preload the file.
Source: You can select the source of mp3
MP3 Directory: Location of mp3s to be used in the module.
Sort Criteria: The sort criteria of the mp3s files
Sort Order: The sort order of the mp3s files.
Manual Sort Order: Comma seperated list of mp3s that describe the order - Example: song3.jpg,song2.jpg,song1.jpg - this will override Sort Criteria if set.
MP3 Names in list: Choose to display song name in the list.
Option names: Custom name for songs in the list.
Titles: Add your mp3 titles.
URls: Add your mp3 links.
Jquery load: Use this option only if you have a problem with scripts on your site. In other situations option YES is strongly recommended. If you want to run more than one copy of this module on same page then set this value for disabled. Also if you have an jquery framework included on your site, then disable this option also.
CSS: Use to add your css.
- Screenshots
- Customizable CSS
- CSS Classes for advanced customization
If you have some knowledge of how to set up style sheets, here are the main classes that you can format to create your own design.
If you do not have this knowledge, you can request support in our forum. Also, we recommend that regular visits to our official site – VTEM.NET - where you can find some examples in the future.
Here’s the list of classes and ID CSS style used on the VTEM MP3 module:
.vtem-audio .vtem-jplayer .vtem-type-playlist .vtem-interface .vtem-playlist .vtem-controls .vtem-volume-bar .vtem-progress
In some cases, may have to impose the setting of class, to overcome already existing ones on the module, by placing the “!important” class in the style configuration.
|