Steuerung per Javascript

The alternative controlling with Javascript is especially of interest for keyboard users.

From language file (mmp3/lang/‹lang›.mmp3.php) is used:

• Start: _MMP_JS_PLAY
• Pause: _MMP_JS_PAUSE
• Stop: _MMP_JS_STOP
• Continue: _MMP_JS_CONTINUE

go top

Audioplayer with Javascript control

optional parameters: art, jsnav=1 (see Overview optional parameters).

go top

Symbol 1 with Javascript control

optional parameters: jsnav=1 (see Overview optional parameters).

go top

Only Javascript control

Use the player hide.swf.

optional parameters: jsnav=1 (see Overview optional parameters).

go top

Example List with Javascript control

1. 1 Blockföte
2. 2 Trompete
3. 3 Orgel

CSSol.tracklist{ 
    padding: .2em;
}
ol.tracklist li{
    clear: both;
}
ol.tracklist span.track{
    display:block; 
    width:100px; 
    float:left;
}

Javascript & CSS

The CSS classes you can use for individual design and presentation the player on your website.
For use the CSS classes, you must add the classes in the Joomla, Mambo or Elxis Template.

CSS classes for player links

• Playerlinks Container audionav
• Start; audioplay
• Pause: audiopause
• Stop: audiostop
• Continue: audiomore

List links with icon

1. 1 Blockföte
2. 2 Trompete
3. 3 Orgel

optional parameters: jsnav=1 (see Overview optional parameters).

CSS.mmpaudio a.audioplay, .mmpaudio a.audiomore{
    padding: 2px 0 0 16px; 
    margin:0 0 0 .2em; 
    background: url(../images/c_play.gif) 0 3px no-repeat;
}

.mmpaudio a.audiopause{
    padding: 2px 0 0 16px;
    margin:0 0 0 .2em; 
    background: url(../images/c_pause.gif) 0 3px no-repeat;
}

.mmpaudio a.audiostop{
    padding: 2px 0 0 16px; 
    margin:0 0 0 .2em; 
    background: url(../images/c_stop.gif) 0 3px no-repeat;
}

go top

List links with icon 2

1. 1 Blockföte
2. 2 Trompete
3. 3 Orgel

optional parameters: jsnav=1 (see Overview optional parameters).

CSS.mmpaudio a.audioplay, .mmpaudio a.audiomore{
    padding: 2px 0 0 16px; 
    margin:0 0 0 .2em; 
    background: url(../images/c_play_g.gif) 0 3px no-repeat;
}

.mmpaudio a.audiopause{
    padding: 2px 0 0 16px;
    margin:0 0 0 .2em; 
    background: url(../images/c_pause:g.gif) 0 3px no-repeat;
}

.mmpaudio a.audiostop{
    padding: 2px 0 0 16px; 
    margin:0 0 0 .2em; 
    background: url(../images/c_stop_g.gif) 0 3px no-repeat;
}

.mmpaudio a.audioplay:hover, .mmpaudio a.audiomore:hover{
    background: url(../images/c_play.gif) 0 3px no-repeat;
}

.mmpaudio a.audiopause:hover{
    background: url(../images/c_pause.gif) 0 3px no-repeat;
}

.mmpaudio a.audiostop:hover{
    background: url(../images/c_stop.gif) 0 3px no-repeat;
}

.mmpaudio span.audionav a:focus, .mmpaudio span.audionav a:active{
    color:#a93d49;
}