Salut tout le monde,

Désolé si je ne suis pas dans le bon forum, je suis DBA Oracle, aps expert HTML, CSS et tutti quanti

Voilà mon problème, j'ai un blog http://photosyukio.canalblog.com/ sur lequel j'avais une radio blog.
Le problème est que la techno flash disparaissant, ce lecteur n'est plus reconnu.
OK, après avoir fait des recherches sur le Net j'ai récupéré du code où j'arrive à insérer un lecteur MP3 MAIS, manque de chance, il me faut un lien par morceau de musique

Est-il possible d'avoir un lecteur MP3, incluant une liste de morceaux (les dix premiers visibles avec ascenseur) et, cerise sur le gâteau, juste donner le nom du répertoire qui renferme mes 100 morceaux sans avoir à les lister un par un...

Voilà :-)

Par avance un GROS GROS merci si vous pouvez m'aider!


Je mets le code de la page d'accueil du blog.
[CODE]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>HTML5 Audio Player with Playlist</title>
<script>
function loadSong(elt, e) {
if(!e) var e = window.event;
document.getElementById("player").src=elt.href;
document.getElementById("player").load();
document.getElementById("player").play();
return false;
}
window.onload = function() {
links = document.getElementById("playlist").getElementsByTagName("a");
for(var i = 0; i<links.length; i++) {
links[i].onclick=function(e) { return loadSong(this, e); };
}
}
</script>
<title><$BlogTitle$></title>
<meta http-equiv="Content-Type" content="text/html; charset=<$BlogEncoding$>" />
<meta http-equiv="content-language" content="<$BlogLanguage$>" />
<meta name="Description" content="<$BlogDescription$>" />
<meta name="Keywords" content="<$BlogKeywords$>" />
<meta name="generator" content="CanalBlog - http://www.canalblog.com" />
<BlogSiteFeed>
<link rel="alternate" type="application/rss+xml" title="RSS" href="<$BlogSiteFeedURL$>" />
</BlogSiteFeed>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="<$BlogEditURIURL$>" />
<link rel="stylesheet" href="<$BlogCSSURL$>" type="text/css" />
<title>HTML5 Audio Player with Playlist</title>
<script>
function loadSong(elt, e) {
if(!e) var e = window.event;
document.getElementById("player").src=elt.href;
document.getElementById("player").load();
document.getElementById("player").play();
return false;
}
window.onload = function() {
links = document.getElementById("playlist").getElementsByTagName("a");
for(var i = 0; i<links.length; i++) {
links[i].onclick=function(e) { return loadSong(this, e); };
}
}
</script>
</head>
<body><div id="container"><div id="topbar-logo"><div class="logolink"><a href="<$BlogURL$>"></a></div></div><div id="topbar"><h1><a href="<$BlogURL$>"><$BlogTitle$></a></h1><h2><$BlogDescription$></h2></div><div id="content"><div class="blogbody">
<Blogger> <BlogDateHeader>
<h2><$BlogDateHeaderDate$></h2>
</BlogDateHeader><a name="<$BlogItemNumber$>"></a> <BlogItemTitle>
<h3><$BlogItemTitle$></h3>
</BlogItemTitle>
<CBIfCarrousel>
<div class="carrousel_slider_div">
<ul id="carrousel_slider" class="carrousel_slider">
<CBCarrousel>
<li>
<div class="carrousel_slider_img">
<a href="<$BlogItemURL$>" title="<$Scanner lumière bleue$>"><img src="<$BlogItemCoverURL$>" /></a>
</div>
<a href="<$BlogItemURL$>" class="carrousel_slider_caption" title="<$BlogItemTitle$>"><$BlogItemTitle$></a>
</li>
</CBCarrousel>
</ul>
</div>
</CBIfCarrousel>
<p><$BlogItemBody$></p>
<div class="itemfooter">Posté par <$BlogItemAuthorNickname$> à <$BlogItemDateTime$> <BlogItemCategories> - <a href="<$BlogItemCategoryLink$>" title="Autres messages dans cette catégorie"><$BlogItemCategoryName$></a> </BlogItemCategories> <BlogItemComments> - <a href="<$BlogItemCommentsURL$>" title="Commentez ce message">Commentaires [<$BlogItemCommentsCount$>]</a> </BlogItemComments> <BlogItemTrackBacks> - <a href="<$BlogItemTrackBacksURL$>" title="Rétroliens">Rétroliens [<$BlogItemTrackBacksCount$>]</a> </BlogItemTrackBacks> - Permalien [#]