code lecteur

<p><span style="color: #003366; font-size: 10pt;"> </span></p>
<p><span style="color: #ffffff; font-size: 12pt;">il faut cliquer sur la chanson   et</span></p>
<p><span style="color: #ffffff; font-size: 12pt;"> vous pouvez en choisir une autre !!  </span></p>
<p> <span style="font-size: 14pt;">les chansons passent en aléatoire ...</span></p>
<p><span style="font-size: 14pt;">bonne écoute  a+ </span></p>
<p><span style="font-size: 14pt;"><span style="background-color: #ffff00; color: #000080;">pour éteindre cliquez sur les 2 traits !  </span>  </span></p>
<div class="container-fluid row ">
<div class="col-md-4" style="padding-top: 05px;"><select id="liste" onclick="joue(this.value);" name="liste">
<option value="https://ekladata.com/r3Sem6NWYXm4M76WSPpsc4BA2mE/Tony-Carreira-je-te-dis-que-j-t-aime.mp3">Tonny Carreira - je t'aime</option>
<option value="https://ekladata.com/albert-danielle.eklablog.com/perso/mes-diques-2/La-main-de-l-ange-Dave.mp3">la main de l'Ange - Dave</option>
<option value="https://ekladata.com/beberum33.eklablog.com/perso/les%20%20petits%20garcons.mp3">les petits garçons</option>
<option value="https://ekladata.com/beberum33.eklablog.com/perso/ginette%20reno%20-%20la%20deuxieme%20voix.mp3">Ginette Reno - la deuxième voix</option>
<option value="https://ekladata.com/FQJ-aILpVJJ5rdS4BOEVevV8jC8/08-La-Chanson-De-Presley.mp3">La-Chanson-De-Presley - Pierre Bachelet</option>
<option value="https://ekladata.com/bebert33.eklablog.fr/perso/Chris-Norman-Broken-Heroes-show0.mp4.mp3">Chris-Norman-Broken-Heroes</option>
<option value="https://ekladata.com/albert-danielle.eklablog.com/perso/04-la-lettre.mp3">Tabonne dans la lettre</option>
<option value="https://ekladata.com/EwipIOBXsFM1XaDPwyEGkzOqr8s/slimane-et-mickael-miro-tu-penses-a-elle.mp3">SLIMANE ET MICKAEL MIRO "Tu penses à elle"</option>
<option value="https://ekladata.com/beberum33.eklablog.com/perso/vivre%20ensemble%20_%20claude%20barzotti.mp3">Claude Barzotti</option>
<option value="https://ekladata.com/beberum33.eklablog.com/perso/que%20ne%20vienne%20jamais%20jj%20debout.mp3">Jean Jacques Debout - que ne vienne jamais</option>
<option value="https://ekladata.com/beberum33.eklablog.com/perso/ya%20pas%20de%20raison%20laforet%20m.mp3">Marie Laforêt - y a pas de raison</option>
<option value="https://ekladata.com/albert-danielle.eklablog.com/perso/Vaillant-15-Isabelle.mp3">Jacques Vaillant - Isabelle</option>
<option value="https://ekladata.com/TcRvoIp6JKNEG0KZVuSZFb35unc/Patrick-Norman-Elle-s-en-va.mp3">Patrick Norman - elle s'en va</option>
<option value="https://ekladata.com/FWuAZdBMx38kLNQ8q7qRL6KE71M/2-05-Jeanne.mp3">Jeanne - Laurent Voulzy</option>
<option value="https://ekladata.com/0O_m6mtDXxur4NcLMR2eeJismKE/Melodie-perdue-monologue-texte-et-musique-par.mp3">la mélodie perdue -</option>
<option value="https://ekladata.com/w8clUPqdGzNyT2yzpXottSMx5gE/09-So-far-away-from-L-A.mp3">So - Far - Away - Nicolas Peyrac</option>
<option value="https://ekladata.com/albert-danielle.eklablog.com/perso/mes-diques-2/Frederic-Francois-Les-orgues-de-St-Michel.mp3">Frédéric François - les orgues de St Michel</option>
<option value="https://ekladata.com/beberum33.eklablog.com/perso/nos%20doigts%20se%20sont%20croises.mp3">Jean Jacques Debout - Nos doigts se sont croisés</option>
<option value="https://ekladata.com/QGOZf45ias7B7Ko_MnOU152O5ic/03-Essaye.mp3">Essaye - Pierre Bachelet</option>
</select></div>
<div id="Divlecteur" class="col-md-8"> </div>
</div>
<p>
<script>// <![CDATA[
var lecteur = document.createElement("AUDIO");
lecteur.id="mysong";
lecteur.src =document.getElementById("liste").value;
document.getElementById('Divlecteur').appendChild(lecteur);
var morceau = document.getElementById("mysong");
morceau.controls='true';
morceau.controlsList="nodownload";
morceau.autoplay = "false" ;
morceau.load();

window.onload = function(){
var nbr=document.getElementById("liste").length;
chanson= Math.floor(Math.random() * (nbr));
document.getElementById("liste").selectedIndex = chanson;
document.getElementById("mysong").src=document.getElementById("liste")[chanson].value;
document.getElementById("mysong").load();
}

morceau.onended = function() {
var nbr=document.getElementById("liste").length;
chanson= Math.floor(Math.random() * (nbr));
while (document.getElementById("mysong").src==document.getElementById("liste")[chanson].value)
{chanson= Math.floor(Math.random() * (nbr));}
document.getElementById("liste").selectedIndex = chanson;
document.getElementById("mysong").src=document.getElementById("liste")[chanson].value;
document.getElementById("mysong").autoplay = false ;
document.getElementById("mysong").load();

}

function joue(musique) {
document.getElementById("mysong").src=musique ;
document.getElementById("mysong").autoplay = false ;

}
// ]]></script>
</p>
<p> </p>