Mp3 plugin
Eksempel 1, Afspil mp3, spol og download:
iron-man.mp3
En mp3-afspiller indsættes som et span-tag, med classname 'mp3' og et ID for at kunne skelne den enkelte elementer.
I tagget angives mp3-filnavnet:
HTML kode:
<span id="sounddl" class="mp3">iron-man.mp3</span>
Scriptet omdanner de valgte span-elementer til en mp3-afspiller.
Mp3-filnavnet tages fra teksten i det valgte element. Se de 3 følgende eksempler på indstillinger...
Javascript:
$(document).ready(
function()
{
$("#sounddl").jmp3(
{
backcolor: "000000",
autoplay: "true",
forecolor: "00ff00",
width: 520,
volume: 20,
showdownload: "true",
showfilename: "false"
});
});
Eksempel 2, Lyt til mp3 fra en anden hjemmeside
(Download option er skjult... af hensyn til ophavsretten:MAFIAA!):
yourepitiful.mp3
HTML kode:
<span id="external" class="mp3">yourepitiful.mp3</span>
Javascript:
$(document).ready(
function()
{
$("#external").jmp3(
{
volume: 50,
filepath: "http://www.thelostplanet.net/WeirdAl/",
backcolor: "ffd700",
forecolor: "8B4513",
width: 150,
showdownload: "false",
showfilename: "true"
});
});
Eksempel 3, Afspil testlyd:
|
barn-beat.mp3 |
Barn beat |
|
destination.mp3 |
Destination |
|
heart-of-the-sea.mp3 |
Heart of the sea |
|
jungle-run.mp3 |
Jungle run |
|
midnight-ride.mp3 |
Midnight ride |
|
iron-man.mp3 |
Iron man |
HTML kode:
<span id="sound1" class="mp3">barn-beat.mp3</span> Barn beat
<span id="sound2" class="mp3">destination.mp3</span> Destination
<span id="sound3" class="mp3">heart-of-the-sea.mp3</span> Heart of the sea
<span id="sound4" class="mp3">jungle-run.mp3</span> Jungle run
<span id="sound5" class="mp3">midnight-ride.mp3</span> Midnight ride
<span id="sound6" class="mp3">iron-man.mp3</span> Iron man
Javascript:
$(document).ready(
function()
{
$("#sound1").jmp3({repeat: "true",showfilename: "false"});
$("#sound2").jmp3({repeat: "true",showfilename: "false"});
$("#sound3").jmp3({repeat: "true",showfilename: "false"});
$("#sound4").jmp3({repeat: "true",showfilename: "false"});
$("#sound5").jmp3({repeat: "true",showfilename: "false"});
$("#sound6").jmp3({repeat: "true",showfilename: "false"});
});
Plugins:
Mp3 player
