créer un jukebox html - Forums de discussion

Navigation

Accueil du forum » (X)HTML / CSS » créer un jukebox html


Le sujet

gigbasscréer un jukebox html
Par gigbass, le Dimanche 28/01/2007 à 20h46'01
3 messages
Bonjour à tous,

Bon je débute alors ne soyez ni trop sévères ni trop alarmistes ... Je veux créer un jukebox sur le site de mon groupe.

J'arrive à insérer mplayer qui joue une petite playlist que j'ai écrite.

Le soucis :
je voudrais que l'utilisateur ait le choix d'écouter les titres dans l'ordre de son choix (sans avoir à sauter les plages une par une).
Si l'un de vous à un morceau de code pour, je ne sais pas, créer un menu déroulant dont la réponse sera le morceau qui va être joué ... ou autre ...

Merci de votre collaboration.

________________
gigbass

Les réponses

ralebolePar ralebole, le Mardi 30/01/2007 à 11h33'19
59 messages
Salut tu peut utiliser Dewplayer. il y a un tuto à cette adresse http://www.alsacreations.fr/mp3-dewplayer.html (c'est un player flash).

________________
ralebole

gigbassPar gigbass, le Mardi 30/01/2007 à 21h02'37
3 messages
Merci ralebole j'ai testé le dewplayer : c'est un peu plus sympa que Mplayer (à mon goût).
Mais je n'ai pas encore la possibilité de créer une liste dans laquelle l'utilisateur n'a plus qu'à cliquer sur le titre qu'il veut.

Si quelqu'un a un complément d'info ?

________________
gigbass

ralebolePar ralebole, le Dimanche 04/02/2007 à 11h17'28
59 messages
Voici comment jouer des mp3 avec un javascript dewplayer dans une meme page html a partir de liens.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Music Mp3 visite cbienla.com</title>

<script type="text/javascript">
            <!--
            function readtrack (tid) {
                switch (tid) {
                    case 1: 
                        title = "Le titre 1";
                        song = "titre1.mp3";
                        break;
                    case 2: 
                        title = "Le titre 2";
                        song = "titre2.mp3";
                        break;
                    case 3: 
                        title = "Le titre 3";
                        song = "titre3.mp3";
                        break;
                    case 4: 
                        title = "Le titre 4";
                        song = "titre4.mp3";
                        break;
                    default:
                        title = "Choisissez un titre ...";
                        song = "";
                        break;
                }
                content  = '<p>En lecture: <b><i>' + title + '</i></b></p>';
                content += '<object type="application/x-shockwave-flash" data="dewplayer.swf?autostart=1&amp;bgcolor=f8d14e&amp;son=' + song + '" width="240" height="20">';
                content += '<param name="movie" value="dewplayer.swf?autostart=1&amp;bgcolor=f8d14e&amp;son=' + song + '" />';
                content += '</object>';
                document.getElementById('player').innerHTML = content;
            }
            -->
        </script>

</head>
<body>

<span>
         <a href="#" onclick="readtrack(1); return false;">Titre 1</a>
        <a href="#" onclick="readtrack(2); return false;">Titre 2</a>
        <a href="#" onclick="readtrack(3); return false;">Titre 3</a>
        <a href="#" onclick="readtrack(4); return false;">Titre 4</a></span>
</p> 
 

<div id="player">
        <p></p>
        <object type="application/x-shockwave-flash" data="dewplayer.swf?son=&amp;autostart=1&amp;bgcolor=f8d14e" width="240" height="20">
            <param name="movie" value="dewplayer.swf?son=&amp;autostart=1&amp;bgcolor=f8d14e" />
        </object>
  </div>

</body>
</html> 


Il suffit de modifier les titres et les mp3s dans les cases head du javascript on peut rajouter ausi des cases

[Message édité par ralebole le 04/02/2007 à 11h18'07]

________________
ralebole

mojchrisPar mojchris, le Lundi 26/02/2007 à 14h04'47
91 messages
Salut,
Sinon tu peut essayer
http://radio.zanorg.com/radiov2.htm
C'est pas mal comme solution

________________
mojchris

Pages

Réponses les plus anciennes... 1 ...Réponses les plus récentes

A lire également

- Les conditions générales d'utilisation du site

Top-sites membres

Les Amis des Animaux | -579 pointsastuces blog et ciné live | -891 pointsDark Lord Center | -899 pointsCoupé 406 | -1861 points

Discussions récentes dans les forums

Membres
Pseudo:
Pass: Mémoriser ?
Problème d'identificationInscription gratuite
Tribune libre
CNIL: 1098091
Connectés: 7
Google:
Publicité: Site de rencard sur internet, vous permettant de dialoguer et pourquoi pas de faire une rencontre intéressante.