Installation de JW MP3 player sur HTML et CSS

Bonjour,

Je suis en train de construire mon site sur les pages HTML et CSS, je souhaite intègrer le lecteur JW MP3 player, je n'est pas encore de FTP car je le construit sur mon PC pour le moment.
J'ai déjà installé JW sur ma page HTML mais je ne comprends pas comment y intègrer ma playliste.

Avez vous un code?

Merci

Suplove
Configuration: Windows XP
Firefox 2.0.0.7

79 réponses

Résumé de la discussion

Intégrer le JW MP3 player sur une page HTML et configurer la playlist sans FTP, en local, résume la problématique principale de la discussion actuelle. Plusieurs réponses recommandent d’insérer le lecteur via SWFObject en précisant les dimensions et les variables, comme width, height ou file et playlist.xml, puis d’indiquer une image de prévisualisation pour le chargement. D'autres interventions pointent des erreurs de code et proposent une page fonctionnelle utilisant SWFObject avec le fichier flvplayer.swf et une playlist XML, tout en indiquant le script et les paramètres essentiels. Pour l’implémentation, il faut vérifier les chemins des fichiers et tester le rendu selon le navigateur, les URLs externes et le support du lecteur.

Bobot (l’IA à votre service)
  1. Contributeur
    Tu as des erreurs dans ton code !!

    cette page fonctionne copie la
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
    
    <script type="text/javascript" src="http://www.fashionvictime.fr/site/DIAPORAMAS/FLASH/swfobject.js"></script>
    
    </head>
    
    <body>
    
    
    <p align="center" id="player2"><a href="https://get.adobe.com/flashplayer/">Get the Flash Player</a> to see this player.</p>
    <script type="text/javascript">
    var s2 = new SWFObject("http://www.fashionvictime.fr/site/DIAPORAMAS/FLASH/flvplayer.swf","playlist","300","312","7");
    s2.addParam("allowfullscreen","true");
    s2.addVariable("file","http://www.fashionvictime.fr/site/DIAPORAMAS/FLASH/playlist.xml");
    s2.addVariable("displayheight","200");
    s2.addVariable("backcolor","0x000000");
    s2.addVariable("frontcolor","0xCCCCCC");
    s2.addVariable("lightcolor","0x557722");
    s2.write("player2");
    </script>
    
    </body>
    
    </html>
    
    2
    1. Champage ! Merci RAD

      Ce fut laborieux mais ce lecteur est super.

      Je pousse mon avantage au bout,
      Pour redimensionner le lecteur quel sont les paramètres à modifier.
      Pour avoir une image fixe jpeg ou plusieurs pendant quelques secondes pour donner de l'avance au streaming, que dois-je faire ?

      Merci de ton aide.

      NB: Sur le forum l'esprit communautaire prévaut, mais est-ce que tu "commercialises" des prestations via ton site ?
      0
  2. quelqu'un peut me dire comment fait ton pour ajouter a sa page internet un lecteur qui ne prend pas de place et qui peut aller sur ifrance merci d'avance
    0
    1. Bien le bonjour à tous,

      je passe par ce post pour poser ma question complètement débile :

      Lecture continue, passant d'un fichier (audio, vidéo) à un autre, est-elle possible ?

      J'ai touché à tous les paramètres et même sur le site FLV, pas de variables s'y rapprochant.

      Y aura-t-il une solution ?

      Merci d'avance,

      Choke
      0
      1. argh ... repeat !
        On ne peut pas effacer les posts ? lol

        Désolé pour le dérangement.

        ++

        Et merci Rad Zone !
        0
    2. Contributeur
      SALUT

      oui je t ai repondus !!

      pour l image de preview !! c est l image qui n est pas a sa place
      http://www.fashionvictime.fr/site/DIAPORAMAS/FLASH/Image-preview.jpg

      RAD
      0
      1. Contributeur
        s2.addVariable('image','2.jpg'); le 2.jpg est bien = à l'url d'emplacement de l'image car je n'arrive pas à l'intégrer.


        OUI c est bien l url !

        Enfin en ce qui concerne le plein écran est-il possible de remplacer
        s2.addParam("allowfullscreen","true");


        la c est un peu plus complique !! il faut faire ca en js !! mais c est assez long a expliquer et assez difficile a mettre en place si tu ne connais pas bien le js

        pour des expliquations + pousse il serais mieux de voir ca sur mon forum

        RAD
        0
        1. Bonjour RAD,

          J'ai envoyé un mail sur votre site, l'avez vous recu ?
          Je suis absent du 26 au 10/03 mais je reviendrais vers vous.
          J'ai peut-être un projet dans vos corde (cf mon mail)

          Merci et à bientôt.

          Playitagain
          0
      2. Contributeur
        SALUT

        POUR donner des dimensions tu ajoute ces variables
        s2.addVariable('width','470');
        s2.addVariable('height','255');


        Pour avoir une image fixe jpeg ou plusieurs pendant quelques secondes pour donner de l'avance au streaming, que dois-je faire ?
        cela tu ne peux pas , seule une image en preview et - ou un petit logo peuvent etre ajoute !
        de la meme maniere par variables
        s2.addVariable('image','2.jpg');


        s2.addVariable('logo','logo.jpg');


        mais est-ce que tu "commercialises" des prestations via ton site ?
        oui bien sur ! ;-))

        a+

        RAD
        2
        1. Bonjour,

          Encore un petit problème.

          s2.addVariable('image','2.jpg'); le 2.jpg est bien = à l'url d'emplacement de l'image car je n'arrive pas à l'intégrer.

          Enfin en ce qui concerne le plein écran est-il possible de remplacer
          s2.addParam("allowfullscreen","true");

          par un parametrage qui n'ouvrirait la video que x fois la valeur initiale du lecteur. et pas plein écran pour une question de définition.

          Merci de tes réponses.

          Playitagain.
          0
      3. Contributeur
        SALUT

        C EST BON A PART CETTE LIGNE
        new SWFObject("URL def
        ","playlist","300","312",&¬quot;7"); 


        en

        new SWFObject("mettre l url de ton swf
        ","playlist","300","312","7"); 


        RAD
        0
        1. Merci, mais j'avais bien essayé à tout hasard... mais rien n'apparait. !? une idée

          <head>

          <script type="text/javascript" src="http://www.fashionvictime.fr/site/DIAPORAMAS/FLASH/swfobject.js"></sc¬ript>

          </head>

          <body>

          <p align="center" id="player2"><a href="https://get.adobe.com/flashplayer/">Get the Flash Player</a> to see this player.</p>
          <script type="text/javascript">
          var s2 = new SWFObject("http://www.fashionvictime.fr/site/DIAPORAMAS/FLASH/flvplayer.swf","playlist","300","312",&¬quot;7");
          s2.addParam("allowfullscreen","true");
          s2.addVariable("file","http://www.fashionvictime.fr/site/DIAPORAMAS/FLASH/¬playlist.xml");
          s2.addVariable("displayheight","200");
          s2.addVariable("backcolor","0x000000");
          s2.addVariable("frontcolor","0xCCCCCC");
          s2.addVariable("lightcolor","0x557722");
          s2.write("player2");
          </script>

          </body>
          0
      4. Contributeur
        SALUT

        SI tu utilise la methode "swfobject" tu dois aussi mettre le "swfobject.js" sur ton serveur!!!!

        d ailleurs tu aurais dus le voir ! puisque tu as mis le lien vers ce fichier js et qu il est present dans le .rar que tu as telecharge sur mon site !
        <head>
        
        <script type="text/javascript" src="swfobject.js"></script>
        
        </head> 


        RAD
        0
        1. Bonjour RAD,

          Je vais en rire plutot que d'en pleurer mais j'ai fais la modif, et... toujours le message Get the Flash Player to see this player.
          Je n'ai plus qu'une solution c'est solicité ton aide ultime... avec mes urls... car je ne comprends pas...tout simplement ce que je fais...

          <head>

          <script type="text/javascript" src="http://www.fashionvictime.fr/site/DIAPORAMAS/FLASH/swfobject.js"></script>

          </head>

          <body>

          <p align="center" id="player2"><a href="https://get.adobe.com/flashplayer/">Get the Flash Player</a> to see this player.</p>
          <script type="text/javascript">
          var s2 = new SWFObject("URL def
          ","playlist","300","312",&¬quot;7");
          s2.addParam("allowfullscreen","true");
          s2.addVariable("file","http://www.fashionvictime.fr/site/DIAPORAMAS/FLASH/playlist.xml");
          s2.addVariable("displayheight","200");
          s2.addVariable("backcolor","0x000000");
          s2.addVariable("frontcolor","0xCCCCCC");
          s2.addVariable("lightcolor","0x557722");
          s2.write("player2");
          </script>

          </body>

          Merci stéphane.
          0
      5. Contributeur
        voila ta page audio avec un player instale

        http://rad2.free.fr/ccm/Essais/jw_mp3_player.rar

        il ne te reste plus qu a mettre le lien vers tes mp3 dans la playlist.xml
        	<track>
        			<title>Il suffira d'un signe</title>
        			<creator>Jean-Jacques Goldman</creator>
        			<location>song1.mp3</location>
        		</track>


        tu peux changer les couleur dans le js du player
        <p align="center" id="player1">
                            <a href="https://get.adobe.com/flashplayer/">Get the Flash Player</a> to see this player.
                          </p>
        <script type="text/javascript">
        	var s1 = new SWFObject("mp3player.swf", "playlist", "240", "135", "7");
        	s1.addVariable("file","playlist.xml");
        	s1.addVariable("backcolor","0x00000");
        	s1.addVariable("frontcolor","0xffffff");
        	s1.addVariable("lightcolor","0x7a7a7a");
        	s1.addVariable("displayheight","0");
        	s1.write("player1");
        </script>    


        si tu veux metre plusieur playeur sur la meme page

        tu a juste a mettre le meme code en changeant juste"s1" par "s2" puis "s3" ect ect et en creant une nouvelle playlist :playlist2.xml ect ect

        exemple
        <code><p align="center" id="player2">
                            <a href="https://get.adobe.com/flashplayer/">Get the Flash Player</a> to see this player.
                          </p>
        <script type="text/javascript">
        	var s2 = new SWFObject("mp3player.swf", "playlist", "240", "135", "7");
        	s2.addVariable("file","playlist2.xml");
        	s2.addVariable("backcolor","0x00000");
        	s2.addVariable("frontcolor","0xffffff");
        	s2.addVariable("lightcolor","0x7a7a7a");
        	s2.addVariable("displayheight","0");
        	s2.write("player2");


        voila ;-))

        RAD
        0
        1. Accéder à ses fichiers depuis n'importe où Bonjour RAD,

          Certe cela est vraisemblablement épuisant de répeter la même chose, mais je pense qu'un Tuto bref, et à la portée des copieurs / colleurs du HTML, sur ton site avec un lien sur ce forum serait le bienvenu.

          Pour Installer le player video http://radservebeer.free.fr/outilswebmaster/index.html

          Je viens de passer 3H à lire, relire et sans jamais faire mieux que Get the Flash Player to see this player.
          Donc ce qu ej'ai compris de la procédure (mon niveau HTML / Falsh = 0)
          Il nous faut convertir son fichier video en flv
          charger jw_flv_player
          Extraire les fichiers Flvplayer.swf et playlist.xlm
          Dans playlist.xlm on modifie avec ses paramètres ex

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

          <track>
          <title>Afraid</title>
          <creator>Jeroen Wijering</creator>
          <location>video.flv</location>
          <info> URL de son fichier.flv
          </track>

          <track>
          <title>Afraid (again)</title>
          <creator>Jeroen Wijering</creator>
          <location>video.flv</location>
          <info> URL de son fichier02.flv
          </track>

          <track>
          <title>Afraid (once again)</title>
          <creator>Jeroen Wijering</creator>
          <location>video.flv</location>
          <info> URL de son fichie03r.flv </track>

          </trackList>
          </playlist>

          Les 3 fichiers sont à mettre sur son serveur FTP
          Flvplayer.swf
          playlist.xlm
          monfichier video.flv

          Reste à copier le code HTML

          <head>

          <script type="text/javascript" src="swfobject.js"></script>

          </head>

          <body>

          <p align="center" id="player2"><a href="https://get.adobe.com/flashplayer/">Get the Flash Player</a> to see this player.</p>
          <script type="text/javascript">
          var s2 = new SWFObject("URL Du Flvplayer.swf","playlist","300","312",&¬quot;7");
          s2.addParam("allowfullscreen","true");
          s2.addVariable("file","URL de la playlist.xml");
          s2.addVariable("displayheight","200");
          s2.addVariable("backcolor","0x000000");
          s2.addVariable("frontcolor","0xCCCCCC");
          s2.addVariable("lightcolor","0x557722");
          s2.write("player2");
          </script>

          </body>

          En ce qui mon concerne ca ne marche pas Get the Flash Player to see this player..
          Pourquoi ?
          Merci de conserver calme et patience et de me dire à moi et à pas mal d’autres qui semblent peiner ou est l’erreur.

          Stéphane.
          0
      6. Bonjour,

        Je désire installer sur la page audio de mon site www.queenieduo.com le player MP3 série JW avec 6 titres. Je suis vraiment novice. Merci
        0
        1. Contributeur
          SALUT

          ou veut tu le mettre , sur quelle page ?

          RAD
          0
          1. Bonjour,

            Je suis nouveau et je désire installer le très beau player JW série mp3 sur le site de Rad Zone. Je suis novice et désire l'installer sur la page audio de mon site: queenieduo.com. Merci.
            0
            1. Contributeur
              mohican !!
              Bonjour
              ...je cherche 1 info précise à propos de JW et suis tombé sur cette discussion. J'ai l'impression de RAD ZONE est très compétent.
              T'ES LA RAD ??


              EXCUSE j avais pas vus ton message !!! dis moi ton probleme ( si ce n est pas trop tard )!

              3L3CTR0
              Pour le moment je suis sur ton site et je vais commencer à faire du flash (Newbie) donc j'aurais peut être encore besoin de ton aide si tu accepte.

              pas de probleme :-)!
              si je peux ;-)

              RAD
              0
              1. Bonjour RAD,

                Je suis vraiment désolé de ne pas avoir pu te répondre avant,

                J'ai trouver pourquoi erreur de script sur la page. (tout simplement hébergement gratuit avec pub sur les pages) or les publicités font foirer les codes.

                Je voulais te tenir au courant donc voilà.

                Passe une bonne soirée

                PS: Pour le moment je suis sur ton site et je vais commencer à faire du flash (Newbie) donc j'aurais peut être encore besoin de ton aide si tu accepte.

                Bien a toi
                0
                1. Bonjour
                  ...je cherche 1 info précise à propos de JW et suis tombé sur cette discussion. J'ai l'impression de RAD ZONE est très compétent.
                  T'ES LA RAD ??

                  M°
                  0
                  1. Bonjour,

                    Désolé pour hier mon absence c'est prolongé jusque 2h du matin.

                    Nous essayerons de voir sa demain dimanche si tu es présent !!!

                    Désolé pour ma disponibilité ces temps ci !!!

                    Mais je devais régler certaine chose importante

                    Bien à toi
                    0
                    1. Je dois partir pour 1 heure, je serais de retour à 19heure si cela ne te dérange pas !!!

                      Tiens moi au courant
                      0
                      1. Voilà, désolé je m'attendais pas à une réponse aussi rapide lol !! Quand peut on commencer à revoir notre problème ?
                        0
                        1. Bonjour,

                          Présent au poste, je suis toujours bloqué sur le script, le problème se pose maintenant quand j'ouvre la fenetre pop up, je crois qu'il y a une solution je t'expliquerai d'où vient le soucis tantot !! @tantot j'espère !!!
                          0
                          • 1
                          • 2
                          • 3
                          • 4