créer un jukebox html - Forums de discussion

Navigation

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

Le sujet

cré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

Par ralebole, le Mardi 30/01/2007 à 11h33'19
55 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

Par 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

Par ralebole, le Dimanche 04/02/2007 à 11h17'28
55 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

Par mojchris, le Lundi 26/02/2007 à 14h04'47
90 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

Discussions récentes dans les forums

Sujet	Forum
Echange liens : famille, écologie Sujet posté par gurney1138 le 02/09/2008 à 21h28'25
URGENT (92) : WebTV recherche DEVELOPPEUR/WEMASTER (H/F) Sujet posté par omegatv le 02/09/2008 à 10h34'49
Re: échange cours Anglais/webdeveloper Réponse postée par jimmy le 31/08/2008 à 20h57'16
Re: le site web du plombier Réponse postée par rer le 28/08/2008 à 11h53'39
Re: liens avec mes 2 sites immobilier Réponse postée par texass le 28/08/2008 à 08h01'44
Re: Echange Liens -> 2 Sites informatique & Internet PR4 Réponse postée par texass le 28/08/2008 à 08h00'27
Echange Automatique [Réglé] Sujet posté par touret le 25/08/2008 à 10h42'40
recherche webmaster bénévole pour modifs site www.yvelines-breizh.fr Sujet posté par fulgoni le 23/08/2008 à 17h56'00
Conseil: Quels logiciels ? Sujet posté par 1cyril le 19/08/2008 à 20h35'35
Le travail partagé à distance sur un même projet. Sujet posté par rer le 19/08/2008 à 17h10'50

Membres

Problème d'identification Inscription gratuite

Tribune libre

CNIL: 1098091
Connectés: 19