Faru MP3-Ludilon per Bootstrap
Saluton al ĉiuj, renkontu min denove portgastea, ĉi tiu lernilo estas fari mp3-ludilo uzante boostrap tampilan.
Bone, ni nur kreu novan dosierujon en htdocs kun la nomo laŭ vi, daŭre elŝutu akcelrimeno kaj kopiu la dosierujon de aktivoj al la dosierujo, kiun vi ĵus kreis, post tio unue kreu css kun la nomo bootsrap-playermusic.css kun skripto kiel tiu ĉi sube kaj konservu ĝin en la dosierujo assets/css.
.playa enigo[tajpu=gamo] {
-retkit-aspekto:neniu;
-moz-aspekto:neniu;
fono-koloro:#bbb;
limo: 1px solida #000;
alteco:.5em;
limo-radiuso:.5em;
larĝo:70%;
rando:-2px;
remburaĵo:0 !grava;
linio-alteco:0;
}
.playa enigo[tajpu=gamo]::-retkit-glitilo-dikfingro {
-retkit-aspekto:neniu;
-moz-aspekto:neniu;
z-indekso:3;
alteco:1em;
larĝo:1em;
limo-radiuso:1em;
limo:1px solida #aaa;
fono-bildo: -retkit-gradiento(lineara, maldekstra supro, maldekstra malsupro, koloro-haltu(0, #timigita), koloro-halto(0.49, #ddddd), koloro-halto(0.51, #d1d1d1), koloro-halto(1, #a1a1a1));
}
.plaĝo {
/*rando:0;*/
}
.plaĝo .bildeton {
larĝo:25%;
remburaĵo:1.5%;
}
.plaĝo .btn-grupo {
teksto-vicigi:centro;
}
@amaskomunikiloj (maks-larĝo: 9px) kaj (min-larĝo: 768px){
.span4 .plaĝo, .plaĝo.span4{
remburaĵo:0;
}
}
@amaskomunikiloj (min-larĝo: 500px){
.plaĝo .btn-grupo .btn {
remburaĵo:4px 3px;
rando:aŭtomate;
ekrano:en linio-bloko;
flosi:neniu;
}
.plaĝo .btn-grupo .interspaco1 {
larĝo:8%;
}
.plaĝo .btn-grupo .span2 {
larĝo:16%;
}
.plaĝo .btn-grupo .span3 {
larĝo:25%;
}
.plaĝo .btn-grupo .span4{
larĝo:33%;
}
.plaĝo.span2 .btn-grupo .btn, .plaĝo.interspaco1 .btn-grupo .btn, .span2 .plaĝo .btn-grupo .btn, .interspaco1 .plaĝo .btn-grupo .btn{
larĝo:100%;
ekrano:bloko;
}
.span4.plaĝo, .span3 .plaĝo, .span2 .plaĝo, .interspaco1 .plaĝo, .plaĝo.span4, .plaĝo.span3, .plaĝo.span2, .plaĝo.interspaco1{
remburaĵo:0;
superfluo:kaŝita;
}
}Bone poste ni kreas js-dosieron kun la nomo bootstrap-playermusic.js, enigu la skripton sube kaj kopiu la dosierujon assets/js
(funkcio($) {
'uzu striktan';
$('audio[kontroloj]').antaŭe(funkcio(){
estis kanto = ĉi tio;
kanto.kontroloj=malvera;
estis ludanto_skatolo = dokumento.kreiElementon('div');
$(ludanto_skatolo).addClass($(kanto).attr('klaso') + 'bone ujo-fluida plaĝo');
estis data_sec = dokumento.kreiElementon('sekcio');
$(data_sec).addClass('kolapso');
estis baskuli_posedanto = dokumento.kreiElementon('div');
$(baskuli_posedanto).addClass('btn-grupo vico-fluido');
estis datumo_ŝaltilo = dokumento.kreiElementon('a');
$(datumo_ŝaltilo).html('<i class="icon-reorder"></mi>');
$(datumo_ŝaltilo).addClass('btn btn-info');
$(datumo_ŝaltilo).attr('stilo', ' opakeco:0.3');
$(datumo_ŝaltilo).klaku(funkcio (){$(data_sec).kolapsi('ŝalti');});
$(datumo_ŝaltilo).attr('titolo', 'Rigardu');
$(datumo_ŝaltilo).konsileto({'ujo': 'korpo', 'lokigo': 'supro', 'html': "teksto});
$(baskuli_posedanto).aldoni(datumo_ŝaltilo);
estis datumtabelo = dokumento.kreiElementon('tablo');
$(datumtabelo).addClass('tablo-kondensita');
estis ludanto = dokumento.kreiElementon('sekcio');
$(ludanto).addClass('btn-grupo vico-fluido');
estis ŝarĝo_eraro = funkcio(){
konzolo.ŝtipo('eraro');
$(ludanto_skatolo).trovi('.btn btn-danĝero').addClass('malfunkciigita');
$(ludanto_skatolo).trovi('enigo[type="range"]').kaŝi();
$(ludanto_skatolo).trovi('.ikono-spin').teksto('Eraro');
$(ludanto_skatolo).trovi('.ikono-spin').gepatro().attr('titolo', 'Audio-Eraro por loadiang.');
$(ludanto_skatolo).trovi('.ikono-spin').gepatro().konsileto('fiksiTitolon');
$(ludanto_skatolo).trovi('.ikono-spin').forigiKlason('ikono-spinner ikono-spin');
};
estis addPlay = funkcio() {
estis ludi = dokumento.kreiElementon('butono');
$(ludi).addClass('btn btn-info malŝaltita span1');
ludi.setPlayState = funkcio(baskuli){
$(ludi).forigiKlason('malfunkciigita');
se (baskuli === 'ludi') {
$(ludi).html('<i class="icon-play"></mi>');
$(ludi).klaku(funkcio () {
kanto.ludi();
});
}
se (baskuli === 'paŭzo') {
$(ludi).html('<i class="icon-pause"></mi>');
$(ludi).klaku(funkcio () {
kanto.paŭzo();
});
}
};
$(kanto).on('ludi', funkcio(){ludi.setPlayState('paŭzo');});
$(kanto).on('povas ludi', funkcio(){ludi.setPlayState('ludi');});
$(kanto).on('paŭzo', funkcio(){ludi.setPlayState('ludi');});
estis timeout = 0;
estis loadCheck = setInterval(funkcio() {
se(estasNaN(kanto.daŭro) === malvera){
ludi.setPlayState('ludi');
clearInterval(loadCheck);
reveni "teksto;
}
se(kanto.retoStato === 3 || timeout === 75){
ŝarĝo_eraro();
clearInterval(loadCheck);
reveni malvera;
}
timeout++;
}, 50);
$(ludanto).aldoni(ludi);
};
estis aldoniSeek = funkcio() {
estis serĉi = dokumento.kreiElementon('enigo');
$(serĉi).attr({
'tajpi': 'gamo',
'min': 0,
'valoro': 0,
'klaso': 'serĉi'
});
serĉi.progreso = funkcio () {
estis bg = 'rgba(223, 240, 216, 1) 0%';
bg += ', rgba(223, 240, 216, 1) ' + ((kanto.aktualaTempo/kanto.daŭro) * 100) + '%';
bg += ', rgba(223, 240, 216, 0) ' + ((kanto.aktualaTempo/kanto.daŭro) * 100) + '%';
por (estis mi=0; mi<kanto.bufrigita.longeco; mi++){
se (kanto.bufrigita.fino(mi) > kanto.aktualaTempo && estasNaN(kanto.bufrigita.fino(mi)) === malvera && estasNaN(kanto.bufrigita.komenci(mi)) === malvera){
estis bufferedstart;
estis bufferedend;
se (kanto.bufrigita.fino(mi) < kanto.daŭro) {
bufferedend = ((kanto.bufrigita.fino(mi)/kanto.daŭro) * 100);
}
alie {
bufferedend = 100;
}
se (kanto.bufrigita.komenci(mi) > kanto.aktualaTempo){
bufferedstart = ((kanto.bufrigita.komenci(mi)/kanto.daŭro) * 100);
}
alie {
bufferedstart = ((kanto.aktualaTempo/kanto.daŭro) * 100);
}
bg += ', rgba(217, 237, 247, 0) ' + bufferedstart + '%';
bg += ', rgba(217, 237, 247, 1) ' + bufferedstart + '%';
bg += ', rgba(217, 237, 247, 1) ' + bufferedend + '%';
bg += ', rgba(217, 237, 247, 0) ' + bufferedend + '%';
}
}
$(serĉi).css('fono', '-webkit-linear-gradient(foriris, ' + bg + ')');
//Ĉi tiuj povas esti reŝaltitaj kiam/se aliaj retumiloj subtenas la fonon kiel retkit
//$(serĉi).css('fono','-o-lineara-gradiento(foriris, ' + bg + ')');
//$(serĉi).css('fono','-moz-lineara-gradiento(foriris, ' + bg + ')');
//$(serĉi).css('fono','-ms-linear-gradiento(foriris, ' + bg + ')');
//$(serĉi).css('fono','lineara-gradiento(dekstren, ' + bg + ')');
$(serĉi).css('fonkoloro', '#ddd');
};
serĉi.aro = funkcio () {
$(serĉi).val(kanto.aktualaTempo);
serĉi.progreso();
};
serĉi.gliti = funkcio () {
kanto.aktualaTempo = $(serĉi).val();
serĉi.progreso();
};
serĉi.en ĝi = funkcio () {
$(serĉi).attr({
'maks': kanto.daŭro,
'paŝo': kanto.daŭro / 100
});
serĉi.aro();
};
serĉi.restarigi = funkcio () {
$(serĉi).val(0);
kanto.aktualaTempo = $(serĉi).val();
se(!kanto.buklo){kanto.paŭzo();}
alie {kanto.ludi();}
};
estis serĉi_envolvaĵon = dokumento.kreiElementon('div');
$(serĉi_envolvaĵon).addClass('btn btn-danĝero malfunkciigita span4');
$(serĉi_envolvaĵon).aldoni(serĉi);
$(serĉi).on('ŝanĝi', serĉi.gliti);
$(kanto).on('tempoĝisdatigo', serĉi.en ĝi);
$(kanto).on('ŝarĝitaj metadatumoj', serĉi.en ĝi);
$(kanto).on('ŝarĝitaj datumoj', serĉi.en ĝi);
$(kanto).on('progreso', serĉi.en ĝi);
$(kanto).on('povas ludi', serĉi.en ĝi);
$(kanto).on('povas ludi', serĉi.en ĝi);
$(kanto).on('finis', serĉi.restarigi);
se(kanto.pretaStato > 0){
serĉi.en ĝi();
}
$(ludanto).aldoni(serĉi_envolvaĵon);
};
estis addTime = funkcio() {
estis tempo = dokumento.kreiElementon('a');
$(tempo).addClass('btn btn-info span3');
$(tempo).konsileto({'ujo': 'korpo', 'lokigo': 'ĝuste', 'html': "teksto});
tempo.duciferoj = funkcio (miaNum) {
reveni ("0" + miaNum).tranĉaĵo(-2);
};
tempo.tempodisigo = funkcio (a) {
se (estasNaN(a)){reveni '<i class="icon-spinner icon-spin"></mi>';}
estis horoj = Matematiko.planko(a / 3600);
estis minutoj = Matematiko.planko(a / 60) - (horoj * 60);
estis sekundoj = Matematiko.planko(a) - (horoj * 3600) - (minutoj * 60);
estis timeStr = tempo.duciferoj(minutoj) + ':' + tempo.duciferoj(sekundoj);
se (horoj > 0) {
timeStr = horoj + ':' + timeStr;
}
reveni timeStr;
};
tempo.spektaklotempo = funkcio () {
$(tempo).html(tempo.tempodisigo(kanto.daŭro));
$(tempo).attr({'titolo': 'Alklaku por Restarigi<hr style="padding:0; rando:0;" />Pozicio: ' + (tempo.tempodisigo(kanto.aktualaTempo))});
se (!kanto.paŭzis){
$(tempo).html(tempo.tempodisigo(kanto.aktualaTempo));
$(tempo).attr({'titolo': 'Alklaku por Restarigi<hr style="padding:0; rando:0;" />Longo: ' + (tempo.tempodisigo(kanto.daŭro))});
}
$(tempo).konsileto('fiksiTitolon');
};
$(tempo).klaku(funkcio () {
kanto.paŭzo();
kanto.aktualaTempo = 0;
tempo.spektaklotempo();
$(tempo).konsileto('fiksiTitolon');
$(tempo).konsileto('montri');
});
$(tempo).konsileto('montri');
$(kanto).on('ŝarĝitaj metadatumoj', tempo.spektaklotempo);
$(kanto).on('ŝarĝitaj datumoj', tempo.spektaklotempo);
$(kanto).on('progreso', tempo.spektaklotempo);
$(kanto).on('povas ludi', tempo.spektaklotempo);
$(kanto).on('povas ludi', tempo.spektaklotempo);
$(kanto).on('tempoĝisdatigo', tempo.spektaklotempo);
se(kanto.pretaStato > 0){
tempo.spektaklotempo();
}
alie {
$(tempo).html('<i class="icon-spinner icon-spin"></mi>');
}
$(ludanto).aldoni(tempo);
};
estis addMute = funkcio() {
estis muta = dokumento.kreiElementon('butono');
$(muta).addClass('btn btn-danĝero span1');
muta.checkVolum = funkcio () {
se (kanto.volumeno > 0.5 && !kanto.silentigita) {
$(muta).html('<i class="icon-volume-up"></mi>');
} alie se (kanto.volumeno < 0.5 && kanto.volumeno > 0 && !kanto.silentigita) {
$(muta).html('<i class="icon-volume-down"></mi>');
} alie {
$(muta).html('<i class="icon-volume-off"></mi>');
}
};
$(muta).klaku(funkcio () {
se (kanto.silentigita) {
kanto.silentigita = malvera;
kanto.volumeno = kanto.malnova volumo;
} alie {
kanto.silentigita = "teksto;
kanto.malnova volumo = kanto.volumeno;
kanto.volumeno = 0;
}
muta.checkVolum();
});
muta.checkVolum();
$(kanto).on('volumŝanĝo', muta.checkVolum);
$(ludanto).aldoni(muta);
};
estis aldoniVolumon = funkcio() {
estis volumeno = dokumento.kreiElementon('enigo');
$(volumeno).attr({
'tajpi': 'gamo',
'min': 0,
'maks': 1,
'paŝo': 1 / 100,
'valoro': 1
});
volumeno.gliti = funkcio () {
kanto.silentigita = malvera;
kanto.volumeno = $(volumeno).val();
};
volumeno.aro = funkcio () {
$(volumeno).val(kanto.volumeno);
};
estis vol_wrapper = dokumento.kreiElementon('div');
$(vol_wrapper).addClass('btn btn-info malŝaltita span3');
$(vol_wrapper).aldoni(volumeno);
$(volumeno).on("change", volumeno.gliti);
$(kanto).on('volumŝanĝo', volumeno.aro);
$(ludanto).aldoni(vol_wrapper);
};
estis aldoniAlbumArt = funkcio() {
estis albumArto = dokumento.kreiElementon('img');
$(albumArto).addClass('bildeto');
$(albumArto).attr('src', $(kanto).datumoj('infoAlbumArt'));
$(data_sec).aldoni(albumArto);
};
estis aldoniInformon = funkcio(titolo, dataId) {
estis vico = dokumento.kreiElementon('tr');
estis kapo = dokumento.kreiElementon('th');
estis datumoj = dokumento.kreiElementon('td');
$(kapo).html(titolo);
$(datumoj).html($(kanto).datumoj(dataId));
$(vico).aldoni(kapo);
$(vico).aldoni(datumoj);
$(datumtabelo).aldoni(vico);
};
estis aldoniDatumojn = funkcio() {
se (tipo de($(kanto).datumoj('infoAlbumArt')) !== 'nedifinita'){ aldoniAlbumArt();}
se (tipo de($(kanto).datumoj('infoArtisto')) !== 'nedifinita'){ aldoniInformon('Artisto', 'infoArtisto');}
se (tipo de($(kanto).datumoj('informtitolo')) !== 'nedifinita'){ aldoniInformon('Titolo', 'informtitolo');}
se (tipo de($(kanto).datumoj('informoAlbumTitle')) !== 'nedifinita'){ aldoniInformon('Albumo', 'informoAlbumTitle');}
se (tipo de($(kanto).datumoj('informetikedo')) !== 'nedifinita'){ aldoniInformon('Etikedo', 'informetikedo');}
se (tipo de($(kanto).datumoj('informjaro')) !== 'nedifinita'){ aldoniInformon('Jaro', 'informjaro');}
se ($(datumtabelo).html() !== ""){
$(data_sec).aldoni(datumtabelo);
$(ludanto_skatolo).aldoni(baskuli_posedanto);
$(ludanto_skatolo).aldoni(data_sec);
}
};
estis addPlayer = funkcio() {
se ($(kanto).datumoj('ludi') !== 'for'){ addPlay();}
se ($(kanto).datumoj('serĉi') !== 'for'){ aldoniSeek();}
se ($(kanto).datumoj('tempo') !== 'for'){ addTime();}
se ($(kanto).datumoj('muta') !== 'for'){ addMute();}
se ($(kanto).datumoj('volumo') !== 'for'){ aldoniVolumon();}
$(ludanto_skatolo).aldoni(ludanto);
};
estis aldoniAtribuon = funkcio() {
estis atribuo = dokumento.kreiElementon('malgranda');
$(atribuo).addClass('tiri-dekstre silentigita');
se (tipo de($(kanto).datumoj('infoAttLink')) !== 'nedifinita'){
estis atribuo_ligo = dokumento.kreiElementon('a');
$(atribuo_ligo).addClass('silentita');
$(atribuo_ligo).attr('href', $(kanto).datumoj('infoAttLink'));
$(atribuo_ligo).html($(kanto).datumoj('infoAtt'));
$(atribuo).aldoni(atribuo_ligo);
}
alie {
$(atribuo).html($(kanto).datumoj('infoAtt'));
}
$(ludanto_skatolo).aldoni(atribuo);
};
estis plenigiPlayerBox = funkcio() {
aldoniDatumojn();
addPlayer();
se (tipo de($(kanto).datumoj('infoAtt')) !== 'nedifinita'){ aldoniAtribuon();}
};
plenigiPlayerBox();
$(kanto).on('eraro', funkcio(){
ŝarĝo_eraro();
});
reveni ludanto_skatolo;
});
})(jQuery)Post kiam ni finos, ni kreas dosieron indekso.html, en la kapon ni metas la css kaj boostrap skriptoj kiel sube
<kapo>
<meta signaro="utf-8">
<titolo>Faru mp3-ludilon kun boostrap</titolo>
<meta nomo="viewport" enhavo="width=device-width, komenca skalo = 1.0">
<meta nomo="description" enhavo="">
<meta nomo="author" enhavo="">
<!-- Stiloj -->
<ligilo href="assets/css/bootstrap-combined.no-icons.min.css" rel="stylesheet" amaskomunikiloj="screen">
<ligilo href="assets/css/font-awesome.css" rel="stylesheet" amaskomunikiloj="screen">
<ligilo href="assets/css/bootstrap-playermusic.css" rel="stylesheet" amaskomunikiloj="screen">
<stilo>
korpo {
remburaĵo-supro: 60px; /* 60px por igi la ujon iri ĝis la fundo de la supra stango */
}
</stilo>
<ligilo href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<ligi rel="shortcut icon" href="assets/ico/favicon.png">
</kapo>tiam en la korpo ni enigas la skripton sube por montri la bildon, titolo,artisto,etikedo kaj kompreneble la muzikdosierligo, kiun ni metis ĉi tie, vidu la skripton sube.
<div klaso="container">
<sonregiloj
datumoj-info-albumo-arto="images/logo.jpg"
datumoj-info-albumo-titolo="Musim Yg Baik"
datumoj-info-artisto="Sheilaon7"
datumoj-info-titolo="Lapang Dada"
datumoj-info-etikedo="Sony Music Indonesia"
datumoj-info-jaro="2015"
datumoj-info-al="Sheilaon7"
datumoj-info-al-ligilo="http://sheilaon7.com">
<fonto src="music/Sheila On 7 - Brusta Spaco.mp3" tajpu="audio/mpeg" />
</audio>
</div>bone poste post kiam ni enigas la skripton supre, ni enigas la js-skripton, kiu estas bezonata kiel sube
<skripto src="assets/js/jquery.js"></skripto>
<skripto src="assets/js/bootstrap-transition.js"></skripto>
<skripto src="assets/js/bootstrap-alert.js"></skripto>
<skripto src="assets/js/bootstrap-modal.js"></skripto>
<skripto src="assets/js/bootstrap-dropdown.js"></skripto>
<skripto src="assets/js/bootstrap-scrollspy.js"></skripto>
<skripto src="assets/js/bootstrap-tab.js"></skripto>
<skripto src="assets/js/bootstrap-tooltip.js"></skripto>
<skripto src="assets/js/bootstrap-popover.js"></skripto>
<skripto src="assets/js/bootstrap-button.js"></skripto>
<skripto src="assets/js/bootstrap-collapse.js"></skripto>
<skripto src="assets/js/bootstrap-carousel.js"></skripto>
<skripto src="assets/js/bootstrap-typeahead.js"></skripto>
<skripto src="assets/js/bootstrap-playermusic.js"></skripto>
<skripto src="assets/js/bootstrap.min.js"></skripto>tiam la kompleta indekso.html estas kiel sube
<!DOCTYPE html>
<html lang="en">
<kapo>
<meta charset="utf-8">
<titolo>Faru mp3-ludilon kun boostrap</titolo>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<!-- La stiloj ->
<link href="assets/css/bootstrap-combined.no-icons.min.css" rel="stylesheet" media="screen">
<link href="assets/css/font-awesome.css" rel="stylesheet" media="screen">
<link href="assets/css/bootstrap-playermusic.css" rel="stylesheet" media="screen">
<stilo>
korpo {
remburpinto: 60px; /* 60px por igi la ujon iri ĝis la fundo de la supra stango */
}
</stilo>
<link href="assets/css/bootstrap-responsive.css" rel="stylesheet">
<link rel="shortcut icon" href="assets/ico/favicon.png">
</kapo>
<korpo>
<div class="navbar navbar-inverse navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></interspaco>
<span class="icon-bar"></interspaco>
<span class="icon-bar"></interspaco>
</butono>
<a class="brand" href="http://andeznet.com">AndezNet</a>
<div class="nav-collapse collapse">
<ul class="nav">
<ĉe la><a href="#">Hejmo</a></ĉe la>
<li class="active"><a href="#">Muziko</a></ĉe la>
<ĉe la><a href="#">Elsaluti</a></ĉe la>
</la>
</div><!--/.nav-kolapso ->
</div>
</div>
</div>
<div class="container">
<audio controls
data-info-album-art="images/logo.jpg"
data-info-album-title="Musim Yg Baik"
data-info-artist="Sheilaon7"
data-info-title="Lapang Dada"
data-info-label="Sony Music Indonesia"
data-info-year="2015"
data-info-att="Sheilaon7"
data-info-att-link="http://sheilaon7.com">
<source src="music/Sheila On 7 - Brusta Spaco.mp3" type="audio/mpeg" />
</audio>
</div>
<div class="row-fluid">
<div class="span12">
<div class="row-fluid">
<div class="alert alert-info">
<a name="contact"></a>
<h2>www.andeznet.com</h2>
<p class="text-info">Teknologia Stokejo & Informoj</p>
<p>&kopii; <a href="http://andeznet.com">www.andeznet.com</a> <?php eoo dato("Y");?></p>
</div><!--/interspaco-->
</div><!--/vico-->
</div><!--/interspaco-->
</div><!--/vico-->
<script src="assets/js/jquery.js"></skripto>
<script src="assets/js/bootstrap-transition.js"></skripto>
<script src="assets/js/bootstrap-alert.js"></skripto>
<script src="assets/js/bootstrap-modal.js"></skripto>
<script src="assets/js/bootstrap-dropdown.js"></skripto>
<script src="assets/js/bootstrap-scrollspy.js"></skripto>
<script src="assets/js/bootstrap-tab.js"></skripto>
<script src="assets/js/bootstrap-tooltip.js"></skripto>
<script src="assets/js/bootstrap-popover.js"></skripto>
<script src="assets/js/bootstrap-button.js"></skripto>
<script src="assets/js/bootstrap-collapse.js"></skripto>
<script src="assets/js/bootstrap-carousel.js"></skripto>
<script src="assets/js/bootstrap-typeahead.js"></skripto>
<script src="assets/js/bootstrap-playermusic.js"></skripto>
<script src="assets/js/bootstrap.min.js"></skripto>
</korpo>
</html>Poste ni rulas ĝin en via retumilo, se ĝi sukcesos ĝi aperos kiel sube
Bone tio estas la lernilo ĉi-foje & Vi povas elŝuti la kompletan fonton ĉi tie.
Feliĉa Kodigo & Programado
Fine frato. Mi ankaŭ trovis ĉi tiun,, Mi serĉis ĉi tie kaj tie, Mi serĉis la nuligitan sed uzante fulmon :v Dankon banget ah gan…
prenu ĝin, frato
http://ad-itech.blogspot.com
Bone trinku, frato
Kaj se vi volas fari liston de la kantoj, frato??
Permeso elŝuti bro…
Bonvolu
bro bro, la ligilo estas morta :'( povas esti realŝutita 🙂 ?
https://drive.google.com/file/d/0B03I4luxHtqIRV8yT1ctYWRXVGs/view?usp=sharing ĉu vi povas uzi ĉi tion
dank' al dio, ke vi povas, dankon permeson evoluigi vian kodon
Bone, Dankon ankaŭ al vi pro vizito