Lire les musiques directe sur la page

tamataroa Messages postés 141 Statut Membre -  
tamataroa Messages postés 141 Statut Membre -
bonjour

sur une page web j'ai deux list de music
actuellement quand l'internaute clic dessus,
c'est sont programma audio qui s'ouvre
et ça peux poser des souci à certain utilisateurs

je voudrai garder la presentation de ma page web actuel
et permetre au visiteur de cette page de cliquer et de lire la music qu'il a choisi , sur cette meme page web

quel est le code à inserrer pour un tel lecteur ?
voici la presentation que j'ai actuellement .

<tr>
<td>
<a href="media/abum 1/titre1.mp3">1-titre1</a><br/>
<a href="media/abum 1/titre2.mp3">2-titre2</a><br/>
<a href="media/abum 1/titre3.mp3">3-titre3</a><br/>
<a href="media/abum 1/titre4.mp3">4-titre4</a><br/>
<a href="media/abum 1/titre5.mp3">5-titre5</a><br/>
<a href="media/abum 1/titre6.mp3">6-titre6</a><br>
<a href="media/abum 1/titre7.mp3">7-titre7</a><br/>
<a href="media/abum 1/titre8.mp3">8-titre8</a><br/>
<a href="media/abum 1/titre9.mp3">9-titre9</a><br/>
<a href="media/abum 1/titre10.mp3">10-titre10</a><br/>
<a href="media/abum 1/titre11.mp3">11-titre11</a>

</td>
<td>

<a href="media/abum 2/titre1.mp3">1-titre1</a><br/>
<a href="media/abum 2/titre2.mp3">2-titre2</a><br/>
<a href="media/abum 2/titre3.mp3">3-titre3</a><br/>
<a href="media/abum 2/titre4.mp3">4-titre4</a><br/>
<a href="media/abum 2/titre5.mp3">5-titre5a</a><br/>
<a href="media/abum 2/titre6.mp3">6-titre6</a><br>
<a href="media/abum 2/titre7.mp3">7-titre7</a><br/>
<a href="media/abum 2/titre8.mp3">8-titre8</a><br/>
<a href="media/abum 2/titre9.mp3">9-titre9</a><br/>
<a href="media/abum 2/titre10.mp3">10-titre10</a><br/>
<a href="media/abum 2/titre11.mp3">11-titre11</a>
<a href="media/abum 2/titre12.mp3">11-titre12</a>
<a href="media/abum 2/titre13.mp3">11-titre13</a>
<a href="media/abum 2/titre14.mp3">11-titre14</a>

</td>
</tr>

les fichiers audio son dans le dossier "medias" du site
donc quand on clic je suppose que l'ordi du visiteur télécharge le morceau et son lecteur MP3 s'allume ou pas , chez moi ça fait une page blanche avec un petit lecteur quicktime
j'aimerai que ma page web reste afficher pour l'auditeur, sinon à quoi ça sert de faire un jolie page web???
Configuration: Windows XP
Internet Explorer 7.0

11 réponses

  1. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    Voila un petit exemple de ce que ca peu donner avec tes chanson ! les couleurs son modifiable et en poussant un peu on peu mettre des petites photo!
    ICI

    RAD
    1
    1. tamataroa Messages postés 141 Statut Membre 2
       
      bon d'accord tu souhaite me faire chercher un peux
      je comprend c'est comme ça qu'on apprend

      j'ai regardé dans le fichier d'extraction de ton site nomé "playerJW.rar

      je constate deux fois "mp3player.swf" et "._mp3player.swf" quelle différence?
      ensuite un fichier xml je ne sais pas comment ça marche mais je crois comprendre que la playlist se pat avec ça !!! j'ai bon ???

      ensuite cette palylist va aller dand mon dossier "media"?

      comment dois-je alors renseigner les balise pour ne pas que ça se perde?

      voilà j'ai commencer :

      <playlist version="1" xmlns="http://xspf.org/ns/0/">
      <trackList>

      <track>
      <title>Mathilda</title>
      <creator>Titaua</creator>
      <location>media/mathilda/mathilda.mp3</location>
      <info>Auteurs:Teiki VAILLANT & Lorenzo SCHMIDT</info>
      </track>

      <track>
      <title>Amor Prohibodo</title>
      <creator>Titaua</creator>
      <location>amorprohibido.mp3</location>
      <info>Auteurs: AB QuintanillaIII & Pete Astudillo 1985 Reprise « Selena »</info>
      </track>

      <track>
      <title>Give me One reason</title>
      <creator>Titaua</creator>
      <location>givemeonereason.mp3</location>
      <info>Auteur: Tracy CHAPMAN</info>
      </track>


      tc......

      </trackList>
      </playlist>

      c'est ça ?
      0
  2. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    SAlut

    il te faut un player mp3 flash !
    c est le meme principe que pour ton zoom !!
    et la il ne changera pas de page ! tu peux faire une playlist !!

    un Exemple

    tu connais le chemin pour les telecharger sur mon site !! ;-))
    outils webmaster

    RAD
    0
    1. tamataroa Messages postés 141 Statut Membre 2
       
      salut Rad

      j'ai commencé quelque chose, sur googl j'ai tapé lecteur mp3 et j'ai telechargé celui ci

      je suppose que tu sais à quoi ressemble ma page musique et elle ne comprote aucun lecteur

      une ou deux liste de chanson sur lesquelles on clic mais ça pose des probleme chez certain internautes d'où ma
      decision de fournir sur la page web directement le petit lecteur MP3 je te montre le code que ça me donne, , mais pour la playsliste je seche....

      <div style= "POSITION:absolute; TOP:500px; LEFT:30px; VISIBILITY:visible">
      <object type="application/x-shockwave-flash" data="media/player_mp3.swf" width="200" height="20">
      <param name="movie" value="media/player_mp3.swf" />
      <param name="FlashVars" value="mp3=media/test.mp3&showstop=1&showinfo=1"/>
      </object>
      </div>

      donc mes chansons sont dans le dossier "media" de mon site j'y ai mis le petit player.swf
      mais là où je seche c'est pour la playliste... car j'ai un jolie petit player mais j'ai aussi ma liste de musique clicable qui je suppose ne servira plus à rien ... si ???

      commement dois je proceder pour ecouté le titre que je veux avec mon petit player?
      merci encore
      0
  3. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     

    je constate deux fois "mp3player.swf" et "._mp3player.swf"

    les 2 doivent etre ensemble

    oui la playlist XML tu l ouvre avec bloc note et tu met tes url pour les mp3 ,les titre et meme entre les <info> tu met un lien vers une page info ou le mp3 a telecharger si tu veux

    si tu veux des petite photo c est le "media player" qu il faut utiliser et metre cette ligne dans le js
    so.addVariable('thumbsinplaylist','true');


    et dans le .xml du "media player" tu met tes valeur sur ces ligne pour chaque chansons
    <location>http://TON.mp3</location>
    <image>http://La PHOTO LIER A CETTE CHANSON.jpg</image>


    RAD
    0
    1. tamataroa Messages postés 141 Statut Membre 2
       
      là il s'agit de deux album d'une meme artiste

      donc pas de lien , parcontre puis je metre à la place un text par exemple??,

      cette ligne dans le js
      c'est quoi js?

      so.addVariable('thumbsinplaylist','true');
      ??

      <location>http://TON.mp3</location>
      je dois mettre [http://] ? et non media/mon.mp3 pourquoi http?

      de plus, il y a deux album de presenté sur le site

      est t'il preferable de metre deux player et deux play list ou un seul playeur avec deux playlist ???

      au vu de la presentation de la page, quelle est la meilleur solition ?
      dans mon sit je met les deuc player le xml et quoi d'autre?? le fichier .scripte il sert à quoi ???

      si je lis la page xnl, tu peux me dire à quoi correspond la premiere ligne ?
      je dois la réecrire exactement pareil?



      merci
      0
  4. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    cette ligne dans le js
    c'est quoi js?

    so.addVariable('thumbsinplaylist','true');
    ??


    c est le javascript!!

    <location>http://TON.mp3</location>
    je dois mettre [http://] ? et non media/mon.mp3 pourquoi http? </location> 

    non mais dans mon exemple je vais cherche les musiques chez toi ;-))

    bon je vais te faire ca dans 5mn tu n auras plus qu a le mettre tel quel sur ton site , tu décortiqueras pour bien comprendre si tu veux changer

    RAD
    0
    1. tamataroa Messages postés 141 Statut Membre 2
       
      ben j'essai de comprendre avec l'exemple que tu m'a envoyé

      j'ai ouverts la page a partir du code source pour mettre en place le player
      je t'avoue que le Javascript pour moi c'est un peux du chinois

      j'ai du mal à voir à quel endroit j'insceree la playliste...

      le player que j'ai trouvé sur google que je t'ai decrit plus haut, on peut aussi faire une playliste???

      tu ne m'as pas dit si il fallait que je fasse plutot dux player distinct pour presenter les deux CD?
      0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    je n ai pas ton player !!
    0
    1. tamataroa Messages postés 141 Statut Membre 2
       
      zut je ne sais pas ce qui se passe , impossible de me connecter sur ce site , je suis oblogé d'utiliser mon laptop pour te repondre

      tou mon travail est sur l'ordi de breau mais je t'envoie le player dont je te parle plus haut

      http://resources.neolao.com/flash/components/player_mp3#sources

      <div style= "POSITION:absolute; TOP:500px; LEFT:30px; VISIBILITY:visible">
      <object type="application/x-shockwave-flash" data="media/player_mp3.swf" width="200" height="20">
      <param name="movie" value="media/player_mp3.swf" />
      <param name="FlashVars" value="mp3=media/test.mp3&showstop=1&showinfo=1"/>
      </object>
      </div>
      0
  7. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    mais il est sur mon site celui la !!!!!
    http://radservebeer.free.fr/outilswebmaster/player_flv_et_mp3/mp3_xml.html
    0
    1. tamataroa Messages postés 141 Statut Membre 2
       
      je n'arrive pas à les reconaitre et comme tu en as plusieur, par ignorence j'avais pris un au hazard

      mais celui ci me plait mieu au niveau exthetique , , mais il a l'air de fonctionner differemment , !! pas de fichier xml là

      bon j'ai le player sur ma page ça c'est ok, mais pour ecrir les titre... mystere
      0
  8. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    moi j ai fais celui la
    ICI

    je n est mis que une photo par player a toi d en mettre d autres en fonction des chansons

    tu fignoleras la page musique.html

    voila le rar a telecharger
    les fichiers

    RAD
    0
    1. tamataroa Messages postés 141 Statut Membre 2
       
      effectivement ça a tout de suite plus de gueule....

      y a t'il un endroit , un site où sont repertorié les parametres du lecteur, couleurs, couleurs et polices taille de polices,, si on peux metre l'image au dessu de la playsliste, etc....


      à quoi servent les fichier html?
      ._mediaplayer.html; mediaplayer.html et Nouveau1.html??

      c'est le player que tu m'avais envoyé au debut ça ???

      sar je trouve qu'il a meilleur mine sous cette forme ( celle de ton exemple)

      je suis en trai d'essayer de refaire la mise en page mais il dois me manquer des données

      merci
      0
  9. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    quoi servent les fichier html?
    ._mediaplayer.html; mediaplayer.html et Nouveau1.html??

    tu oublis ces fichier !! c est un oublis de ma part!!

    pour les couleurs du player tu ajoute ces trois lignes dans le fichier javascript "swfobject.js" et tu met les valeurs des couleurs que tu veux au endrois que j ai mis en gras
    so.addVariable('frontcolor','0x000000');
    so.addVariable('backcolor','0xFF0000');
    so.addVariable('lightcolor','0x66FFFF');


    RAD
    0
    1. tamataroa Messages postés 141 Statut Membre 2
       
      couleurs et polices taille de polices,, si on peux metre l'image au dessu de la playsliste, etc....

      à quoi servent les chiffre dans:
      new SWFObject('media/mediaplayer.swf','mpl','320','140','7');
      le "7" notemment !

      ma playlist comporte 14 titre et mon lecteur s'arrete à 8 sur ma page!!!
      0
  10. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    '320','140','7') c est les tailles !

    ma playlist comporte 14 titre et mon lecteur s'arrete à 8 sur ma page!!!????????
    rgarde bien tu as du faire une erreur !! moi dans l exemple j ai dus en mettre 12 ET 11 je crois ??

    si tu les mets sur la playlist correctement ils seront la !! c est obligatoire !!!

    RAD
    0
    1. tamataroa Messages postés 141 Statut Membre 2
       
      oui les tailles j'avais compris mais je vois pas pour le "7"
      pas possible de changer les polices dans le lecteur?

      je te cofirme, sur ton exemple il y a huit titre dans le lecteur alors que dans ta feuille playliste il y en as 14
      0
  11. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    CORRECTION

    so.addVariable('frontcolor','0x000000');
    so.addVariable('backcolor','0xFF0000');
    so.addVariable('lightcolor','0x66FFFF');
    CES LIGNES VONT DANS LE JAVASCRIPT QUI EST DANS LE CODE LA PAGE HTML ET PAS DANS "SWFOBJET.JS"

    je te cofirme, sur ton exemple il y a huit titre dans le lecteur alors que dans ta feuille playliste il y en as 14
    et oui j avais juste oublie un < a un titre
    voila le bon xml avec les 14 titres
    <playlist version="1" xmlns="http://xspf.org/ns/0/">
      <trackList>
        <track>
          <title>Amorprohibido</title>
          <creator>Titaua</creator>
          <location>media/mathilda/amorprohibido.mp3</location>
          <image>http://www.titaua.com/images/labelalsmall.jpg</image>
          <info></info></track>
        <track>
          <title>Fetia rapide</title>
          <creator>Titaua</creator>
          <location>media/mathilda/fetiarapide.mp3</location>
          <image></image>
          <info></info></track>
        <track>
          <title>Mathilda</title>
          <creator>Titaua</creator>
          <location>media/mathilda/mathilda.mp3</location>
          <image></image>
          <info></info></track>
        <track>
          <title>Trafiquant de l histoire</title>
          <creator>Titaua</creator>
          <location>media/mathilda/trafiquantdelhistoire.mp3</location>
          <image>http://www.titaua.com/images/labelalsmall.jpg</image>
          <info></info></track>
        <track>
          <title>Brulant desir</title>
          <creator>Titaua</creator>
          <location>media/mathilda/brulantdesirfr.mp3</location>
          <image></image>
          <info></info></track>
        <track>
          <title>Fetiatest</title>
          <creator>Titaua</creator>
          <location>media/mathilda/fetiatest.mp3</location>
          <image></image>
          <info></info></track>
        <track>
          <title>Mathilda salsa</title>
          <creator>Titaua</creator>
          <location>media/mathilda/mathildasalsa.mp3</location>
          <image></image>
          <info></info></track>
        <track>
          <title>Tupuna</title>
          <creator>Titaua</creator>
          <location>media/boraboraeve/tupuna.mp3</location>
          <image></image>
          <info></info></track>
        <track>
          <title>Brulant desir tahitien</title>
            <creator>Titaua</creator>
            <location>media/mathilda/brulantdesirtahitien.mp3</location>
            <image>http://www.titaua.com/images/labelalsmall.jpg</image>
            <info></info></track>
          <track>
            <title>Give me one reason</title>
            <creator>Titaua</creator>
            <location>media/mathilda/givemeonereason.mp3</location>
            <image></image>
            <info></info>
          </track>
          <track>
            <title>Noteereneiau</title>
            <creator>Titaua</creator>
            <location>media/mathilda/noteereneiau.mp3</location>
            <image></image>
            <info></info>
          </track>
          <track>
            <title>Comme des papillons</title>
              <creator>Titaua</creator>
              <location>media/mathilda/commedespapillons.mp3</location>
              <image></image>
              <info></info>
            </track>
            <track>
              <title>I cant tell you why</title>
              <creator>Titaua</creator>
              <location>media/mathilda/icanttellyouwhy.mp3</location>
              <image></image>
              <info></info>
            </track>
            <track>
              <title>Parle moi</title>
              <creator>Titaua</creator>
              <location>media/mathilda/parlemoi.mp3</location>
              <image>http://www.titaua.com/images/labelalsmall.jpg</image>
              <info></info>
            </track></trackList></playlist>
    


    0
    1. tamataroa Messages postés 141 Statut Membre 2
       
      tu veux dire là dedans :

      <div id="conteneur">
      <div id="player">
      <p font-color="FFF594">De l'Ombre à la Lumière</p><br/>
      <embed src="media/mediaplayer.swf" width="400" height="200" allowfullscreen="true" flashvars="&file=statistics.xml&height=200&width=400&displaywidth=180&thumbsinplaylist=true&autostart=false" />
      <script type="text/javascript">
      var so = new SWFObject('media/mediaplayer.swf','mpl','400','200','9');
      so.addParam('allowfullscreen','true');
      so.addVariable('file','media/playlist.xml');
      so.addVariable('height','200');
      so.addVariable('width','400');
      so.addVariable('displaywidth','180');
      so.addVariable('thumbsinplaylist','true');
      so.addVariable('autostart','false');
      so.addVariable('frontcolor','0x000000');
      so.addVariable('backcolor','0xFF0000');
      so.addVariable('lightcolor','0x66FFFF');

      j'ai réduit la largeur du conteneur pour avoir mes lecteur l'un en dessous de l'autre
      mais l'espace entre les lecteur se réduit comment du coup ???
      0
  12. RAD ZONE Messages postés 5362 Statut Contributeur 1 360
     
    oui c est la :))

    je verais plus tard !!

    RAD
    0
    1. tamataroa Messages postés 141 Statut Membre 2
       
      tu l'avais bien precisé au depart ...,)

      j'essai de modeler un peu le lecteur, je ne sais pas si on peut controler plus les parametre comme les polices,

      j'aimerai avoir un mode d'emploi car le script affiche plein de chifffre et j'aimerai savoir sur quoi ils agissent, le survole de l'ascensseur, la longueur et la largeur des diferentes cases ...

      il doit bien y avoir un site du créateur de ce lecteur !!!
      0