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
54 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
54 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
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

Mon Coin de Jardin | -2 pointsMéta Annuaire | -5 pointsAnnuaire French Business | -5 pointsBlogHotel - Hébergement de Blog gratuit | -5 points

Discussions récentes dans les forums

Sujet Forum
exaproEchange de liens : secteur de l'industrie, textile & machines-outils
Sujet posté par exapro le 03/07/2008 à 14h52'49
Le comptoir » Echange de liens / Recherche de partenaires
loflo007Re: quelles actions pour améliorer mon site ?
Réponse postée par loflo007 le 27/06/2008 à 20h21'35
Internet » Autres sites à voir
xersesRe: menu fixe
Réponse postée par xerses le 26/06/2008 à 20h56'07
Développement » (X)HTML / CSS
laflichRe: Creation flash
Réponse postée par laflich le 25/06/2008 à 19h27'47
Animation » Flash
1cyrilRe: Création de site web
Réponse postée par 1cyril le 25/06/2008 à 15h09'41
Le comptoir » Le bar
froogyRe: Un ptit jeu
Réponse postée par froogy le 25/06/2008 à 08h42'34
Le comptoir » Le bar
raptorRe: Paiement Adsence
Réponse postée par raptor le 25/06/2008 à 07h09'38
Internet » Référencement, Régies, Annuaires
carnyxRe: espace membre
Réponse postée par carnyx le 21/06/2008 à 15h30'31
Développement » PHP
laflichRe: jeu de l'oie en flash
Réponse postée par laflich le 20/06/2008 à 22h28'16
Animation » Flash
touretEchange de liens
Sujet posté par touret le 20/06/2008 à 20h05'38
Le comptoir » Echange de liens / Recherche de partenaires
Membres
Pseudo:
Pass: Mémoriser ?
Problème d'identificationInscription gratuite
Tribune libre
CNIL: 1098091
Connectés: 19